[B! webp] colissのブックマーク

coliss id:coliss

webpに関するcolissのブックマーク (3)

便利なツールが登場！画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, GIF）の最適化と圧縮、画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
coliss 2022/05/16
画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツール。

tool

webp

avif
リンク
これが完全版！レスポンシブ対応のwebp画像を実装するHTMLのコード
画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。レスポンシブ対応のwebp画像を実装するHTMLのコードの完全版を紹介します。非サポート用のフォールバックにも対応しており、コピペで簡単に使用できます。 A picture element to load correctly resized webp images in HTML by Stefan Judis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2021年現在、画像の主要フォーマット新しい画像フォーマットを読み込むための取り組み最初のステップ: picture要素でwebp画像を読み込むには完全版
coliss 2021/05/26
レスポンシブ対応のwebp画像を実装するHTML。スニペットにどうぞ。

html

webp
リンク
webpファイルをPhotoshopで開くことができるPhotoshop CC対応の機能拡張 -AdobeWebP | コリス
最近増えてきたwebpファイルをPhotoshopで開いたり、書き出すことができる無料の機能拡張を紹介します。更新: 2021/11/1: Photoshop 2022もwebpをサポートしていませんが、ここで紹介する方法で開く・書き出すことができました。 2021/7/16: WebPShopがアップデートされたので、最新の情報にアップデートしました。Photoshop 2021に対応しています。
coliss 2018/11/16
Photoshopでwebpファイルを開くことができるPhotoshop CC対応の機能拡張

photoshop

webp
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx