FilterSSは、画像に対するCSSフィルターをプレビューで確認しながら、CSSコードをコピーできるWebサービスです。 任意の画像を選択できて、色相やコントラストなどを変更するためのCSSをコピーできます。 Filt…
CSSによるフィルターを任意の画像で確認してコードをコピーできるWebサービス「FilterSS」
画像をWebPへ自動変換してくれるWordPressプラグイン「WebP Converter for Media」
WebP Converter for Mediaは、アップロードした画像をWebPへ自動的に変換して出力するWordPressプラグインです。メディアライブラリのみでなく、テーマやプラグインのフォルダも変換の対象に含める…
画像などメディアファイルの保存先を変更できるWordPressプラグイン「WP Original Media Path」
WP Original Media Pathは、画像などのメディアファイルの保存先を変更できるWordPressプラグインです。 通常は、メディアライブラリからアップロードされた画像などは「wp-content/uplo…
コードを綺麗な見た目で画像化してダウンロードできる「Create beautiful images of your code」
Create beautiful images of your codeは、コードを画像化してダウンロードできるWebサービスです。 綺麗な見た目でコードを画像化でき、SNSなどで共有できます。 Create beaut…
アップロードした画像からWebP画像を自動生成してくれるWordPressプラグイン「Plus WebP」
Plus WebPは、アップロードしたJPEGやPNGなどの画像から、WebP画像を自動生成してくれるWordPressプラグインです。 WordPressではWebP画像はまだサポートされていませんが、Plus Web…
写真の被写体のみを残して背景を切り抜いてくれるWebサービス「Slazzer」
Slazzerは、写真をアップロードするだけで、被写体以外の背景を切り抜いてくれるWebサービスです。 サクッと切り抜き写真を作成したい時に便利です。 Slazzerの使い方 Slazzerにアクセスして、ドラッグ&am…
WordPressで画像URLから画像の横幅と高さを取得する方法
WordPressのテーマ内で、画像URLを渡してサイズを取得したいなーと思って調べたところ、寝ログさんにドンピシャな記事がありました！ 画像URLから画像の横幅と高さを取得する方法をご紹介したいと思います。 WordP…
WordPressで投稿内の最初の画像を取得/出力する方法
WordPressで投稿一覧などにサムネイルを表示する際は、アイキャッチ画像を利用することが多いです。しかし、アイキャッチ画像ではなく、投稿内の1枚目の画像をサムネイルとして使いたいというケースもあると思います。 Aut…
WordPressの画像に追加されるsrcset属性とsizes属性を削除する方法
WordPressでは、以下のように画像に対してsrcsetとsizesが自動で追加されます。 srcsetとsizesは、画面サイズ等の条件によって最適なサイズの画像を出し分けるための属性です。 場合によっては、src…
WordPressの画像に追加されるwidthとheightを削除する方法
WordPressで投稿に挿入した画像には、以下のようにwidthとheightが追加されます。ブロックエディターになってからはwidth/height属性は付かないようになっていたと思いますが、WordPress5.5…