Create beautiful images of your codeは、コードを画像化してダウンロードできるWebサービスです。 綺麗な見た目でコードを画像化でき、SNSなどで共有できます。 Create beaut…
コードを綺麗な見た目で画像化してダウンロードできる「Create beautiful images of your code」
アップロードした画像から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…
WordPress5.5から画像に追加されるようになったネイティブLazy Loadを無効化する方法
WordPress5.5から、画像に「loading=”lazy”」という属性が追加されるようになりました。 「loading=”lazy”」が追加されることで、画像が遅延…
ソースコードを画像化してダウンロードできるWebサービス「Codeimg.io」
Codeimg.ioは、入力したソースコードを画像化してダウンロードできるWebサービスです。 ソースコードをSNSで共有したい時に便利です。 Codeimg.ioの使い方 まずは、Codeimg.ioにアクセスします。…
サムネイル画像の切り抜き範囲を調整できるWordPressプラグイン「Crop-Thumbnails」
画像をアップロードした時に自動生成されるサムネイル画像の切り抜き範囲を手動で調整できるWordPressプラグインです。 投稿一覧などで、意図した箇所をサムネイル画像で表示させたい時に便利です。 Crop-Thumbna…