作り方

WebP変換ができる準備が整ったところで、実際に変換をする前に、いくつかの設定を変更しました。以下、整理しておきます：必須タブ：・⬜︎ メタデータを削除（撮影場所・カラープロファイルなど）・Max Image Dimensions（幅の上限...

重たい画像ファイルをWebP形式に変換する工程を楽にしたくて、EWWW Image OptimizerでWebP変換の設定を続けています。umanaさんの記事・よっちゃんさんの記事、いずれの記事でも、プラグインでWebPの自動変換のために、...

いったん、EWWW Image Optimizerの設定を終了したところで、基本の設定を以下のように見直してみました：umanaさんの記事を参考に、１）メタデータ（←撮影場所が含まれています）を削除し、２）遅延読み込み（←スクロールしたタイ...

画像サイズの目安を参考にしてWebP形式で圧縮する工程を楽にしていくため、以前お世話になった、とても参考になるエックスサーバーの２つの講座の中で紹介されていたプラグイン「EWWW Image Optimizer」を導入していきます。このプラ...

ワードプレスでウェブサイトを作っていく際に欠かせないのがプラグイン。気軽にプラグイン（＝WordPressの機能拡張）という言葉を使いまくっていますが、プラグインを使うことで、フォーム作成などサイトの機能を拡張できるだけでなく、デザインをカ...

これまでSquooshでアイキャッチや記事内に掲載する画像（スクリーンショット）のファイルを朝圧縮してきました：１）伝えたい情報を中心に配置した写真を選ぶ（）２）HEIC形式の画像ファイルはJPEG形式に変換する（）３）画像サイズの目安を参...

これまで、iPhoneで撮影した風景画像（生花と海辺）、HEIC形式の画像ファイルをSquooshできない場合にでも、前もってjpg形式としておけば、Squoosh出来てアイキャッチ画像にすることができました。また、これまで横向き（＝ランド...

iPhoneで撮影した生花の写真のファイルサイズを小さくしてウェブサイトに載せようとした際、Squooshした写真をアイキャッチ画像にすることで上手く行きました。ところが、カリフォルニアの美しいビーチの朝散歩で撮影した写真を、前回と同様にS...

前回、Squooshした写真をアイキャッチにしてみました。画像フォーマットとしては、Googleが開発したWebP形式を選択（Web Picture：圧縮率が高く劣化が少ない）。気になったのは画質が低すぎて、記事が一覧表示される際の画像では...

前回から、下記のウェブサイトにお世話になっています：画像サイズの目安が分かったところで、アイキャッチ写真の埋め込みを試してみることに。生花の写真（iPhoneXで撮影した2MBの画像：IMG...jpgファイル）をSquoosh（スクワッシ...