勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

「 画像関連 」 一覧

バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...

PHPにて「ImageHash」ライブラリを使用し画像の類似度を算出する方法

PHPにて「ImageHash」ライブラリを使用し画像の類似度を算出する方法

  2024/11/18    PHP

以前にPHPの「image-comparator」ライブラリで画像の類似度を算出 ...

PHPにて指定した画像に対して、繰り返し透かし画像処理する方法

PHPにて指定した画像に対して、繰り返し透かし画像処理する方法

  2024/11/16    PHP

画像素材等のサイトで無料版の画像に対して「sample」等の透かし画像処理を行っ ...

Gif画像に再生ボタンを設置し、ユーザーの操作により再生⇔停止が行える「gifffer」ライブラリの利用方法

Gif画像に再生ボタンを設置し、ユーザーの操作により再生⇔停止が行える「gifffer」ライブラリの利用方法

  2024/11/09    JavaScript

あるページにGif画像を設置し、当該画像が表示されても自動再生させず、再生ボタン ...

「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法

「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法

  2024/10/06    jQuery JavaScript

slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...

Chart.jsで描写したグラフを画像としてダウンロードさせる方法

Chart.jsで描写したグラフを画像としてダウンロードさせる方法

  2024/09/13    JavaScript

サイト内にChart.jsでグラフを描写し、ボタンやリンクをクリックすることで当 ...

画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法

画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法

amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...

ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法

ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法

  2024/09/04    Apache サーバー HTML

ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...

PHPでダミー画像(プレースホルダー画像)を表示する「PHP-Dummy-Image-Generator」の利用方法

PHPでダミー画像(プレースホルダー画像)を表示する「PHP-Dummy-Image-Generator」の利用方法

  2024/08/31    PHP

先日JavaScriptでダミー画像(プレースホルダー画像)を表示する「Hold ...

PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法

PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法

  2024/08/29    PHP JavaScript

ある電子書籍サイトをブラウザの開発者ツールで見てみたところ、PHPでページ画像を ...