lazysizesは、画像を遅延読み込みすることができるLazyload系のJavaScriptライブラリです。通常の画像だけでなく背景画像も遅延読み込み可能です。また、jQuery非依存で単体で動作します。 挙動につい…
背景画像も遅延読み込み可能なLazyload系ライブラリ「lazysizes」
投稿内の画像からアイキャッチ画像を自動生成してくれるWordPressプラグイン「XO Featured Image Tools」
XO Featured Image Toolsは、投稿内の画像からアイキャッチ画像を自動生成してくれるWordPressプラグインです。アイキャッチ画像を手動で設定しなくても、投稿内の最初の画像を自動で設定してくれます。…
アイキャッチ画像をURLで指定できるようになるWordPressプラグイン「External URL Featured Image」
External URL Featured Imageは、アイキャッチ画像の指定をURLでも行えるようになるWordPressプラグインです。 通常、アイキャッチ画像を指定する場合は、画像を新規にアップロードするかメディ…
写真の中から人物のみを切り抜いてくれるWEBサービス「remove.bg」
remove.bgは、写真の中から人物のみを切り抜いてくれるWEBサービスです。 人物が含まれる写真をアップロードするだけで、自動認識され人物のみが切り抜かれます。 remove.bgの使い方 remove.bgにアクセ…
YouTube動画のサムネイル画像を取得・表示する方法
サイトにYouTube動画のサムネイル画像を表示させる方法をご紹介いたします。 YouTubeでは、特定のURLにサムネイル画像が保存されるようになっています。サムネイルのサイズ別にファイル名が分かれているので、表示させ…
Web上で画像のファイルサイズを圧縮できるGoogle製のツール「Squoosh」
Squooshは、Googleがリリースした画像圧縮ツールです。画像をドラッグ&ドロップするだけで使用可能で、元の画像と圧縮後の画像を比較しながら微調整することができます。 対応フォーマットは、JPEG・MozJ…
画像比較に便利！スライドして画像を切り替えることができる軽量スクリプト「Beer Slider」
Beer Sliderは、2つの画像を比較するために、スライドして画像を切り替えることができるようになるスクリプトです。ビフォー/アフターの画像を比較したい時などに便利です。 以下のような感じで、画像の上にスライドが表示…
WordPressでメディアをアップロードする時にHTTPエラーが出る時の対処法
WordPressである特定の画像をアップロードしようとすると、HTTPエラーが発生する現象に遭遇しました。投稿内の[メディアを追加]からでも[メディア] – [新規追加]でも、どちらでもエラーになってしまい…
Dropboxにアップロードした画像を劣化させずに軽量化してくれる「LightFile for Dropbox」
LightFile for Dropboxは、Dropboxにアップロードした画像のサイズを劣化させずに軽量化してくれるサービスです。AIで解析することで、劣化しないよう一定の画質を保っているとのことです。 LightF…
画像などのメディアを上書きアップロードできるようにするWordPressプラグイン「Enable Media Replace」
Enable Media Replaceは、画像やPDFなどのメディアを上書きアップロードできるようにするWordPressプラグインです。 通常WordPressでは、メディアをアップロードしたら、新規ファイルとして登…