並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 271件

新着順 人気順

webPの検索結果201 - 240 件 / 271件

  • macOS 11 Big SurではSafari v14だけでなく、プレビューアプリやQuick LookでもWebPがネイティブサポートされるもよう。

    macOS 11 Big SurではSafari v14だけでなく、プレビューアプリやQuick LookでもWebPがネイティブサポートされるようです。詳細は以下から。 AppleはWWDC20セッション10663「What’s new for web developers」の中で、次期AppleOSのデフォルトブラウザとなるSafari v14はGoogleが開発した画像フォーマット「WebP」を正式にサポートし、同一画像/同等画質のJPEG(非可逆圧縮)と比較して41%、PNG(ロスレス)とならば33%ファイルサイズを縮小できると発表していましたが、 Apple WebKitチームのエンジニアTimothy Hatcherさんらのやり取りによると、macOS 11 Big Surでは、このWebPがSafari v14だけでなくシステム全体でネイティブサポートされ、プレビューやQui

      macOS 11 Big SurではSafari v14だけでなく、プレビューアプリやQuick LookでもWebPがネイティブサポートされるもよう。
    • romeolight.com

      romeolight.com 2023 著作権. 不許複製 プライバシーポリシー

        romeolight.com
      • PHP | GDでjpegやPNGファイルをWebPに変換する方法 | 1 NOTES

        PHPのGDライブラリでjpeg画像やpng画像をWebPファイルへ変換する方法の紹介です。 サーバーのPHP-GDライブラリがWebPに対応している必要はありますが、利用方法は他ファイルタイプと同様にimagecreatefromwebp()やimagewebp()として使えるので、一度でもGDライブラリを使ったことのある人であれば、なんとなくで簡単に実装できそうです。 GDでjpegやPNGファイルをWebPに変換下地画像データを作成なしで、imagecopyresampled()などを使わずそのまま変換する方法です。 //元画像ファイル $file = 'sample.png'; //元画像ファイルのタイプで分岐処理 switch (mime_content_type($file)) { case 'image/jpeg': $img = imagecreatefromjpeg($f

        • WebP Container Specification  |  Google for Developers

          WebP Container Specification Stay organized with collections Save and categorize content based on your preferences. Introduction WebP is an image format that uses either (i) the VP8 key frame encoding to compress image data in a lossy way or (ii) the WebP lossless encoding. These encoding schemes should make it more efficient than older formats, such as JPEG, GIF, and PNG. It is optimized for fast

            WebP Container Specification  |  Google for Developers
          • Deploying WebP via Accept Content Negotiation - igvita.com

            By Ilya Grigorik on May 01, 2013 Deploying new image formats on the web is a challenge, but not an unsolvable one, and one that would pay high dividends in terms of performance. In fact, there are many ways to tackle the problem: client-side logic, server negotiation, and hybrid strategies. There is a time and place for each one - they are not exclusive. Having said that, I'm partial to server neg

              Deploying WebP via Accept Content Negotiation - igvita.com
            • Googleが新画像フォーマット「WebP」 - JPEGと同品質で高圧縮率 | エンタープライズ | マイコミジャーナル

              米Googleは9月30日(現地時間)、画像用の新フォーマット「WebP」を発表し、各種ツールの提供を開始した。JPEGなどに代表される非可逆式圧縮フォーマットの一種で、主に写真などの画像の圧縮に向いているという。その最大の特徴は圧縮率で、サンプルの比較で同品質のJPEG画像の10〜80%程度のファイルサイズにまで圧縮できる。今年5月にオープンソース化を発表した「WebM」のベースとなっているVP8の技術を利用して画像圧縮を行っており、WebPもまたオープンソースとしてその仕様が公開されている。 GoogleではJPEG等の画像ファイルからWebPへとフォーマット変換を行うツールを提供しており、Webマスターや開発者、個人ユーザーがダウンロードして手持ちの画像ライブラリをコマンドラインから一斉変換することも可能だ。ただし、現時点でWebP画像を表示可能なWebブラウザは存在せず、Googl

              • GitHub - webmproject/WebPShop: Photoshop plug-in for opening and saving WebP images

                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                  GitHub - webmproject/WebPShop: Photoshop plug-in for opening and saving WebP images
                • 次世代フォーマットでの画像の配信... - Qiita

                  ※ Safari(12.0.1)でWebP対応を記載していたものを非対応に訂正しました。 (2019/11/21) MacbookとiPhoneのブラウザで検証しました。https://caniuse.com/ と若干結果が異なっています。 Google提供の測定で推奨しているフォーマットがChromeで対応していないことに驚きました。 また、iPhoneとPCのChromeで JEPG 2000 に対応・非対応と分かれているのも…。 ネイティブアプリの対応状況は進んでおり、 Android Studioでは ver2.3以降、かんたんに画像コンバートできるようにサポートされています。 Xcodeではサポートはないものの、Googleが提供している libwebp を導入することで対応可能のようです。 フォーマットが統一されていないのは誰得の状況ですが、PageSpeed Insights

                    次世代フォーマットでの画像の配信... - Qiita
                  • Flywheel: Google’s Data Compression Proxy for the Mobile Web

                    • Using WebP Image Format Today — Smashing Magazine

                      HTTP Archive shows that images make up 64% of a web page’s total size on average. Given this, image optimization is key, especially considering that many users will abandon a request if it doesn’t load within a few seconds. The problem with image optimization is that we want to keep file sizes small without sacrificing quality. WebP is an image format that was created in 2010 and is currently bein

                        Using WebP Image Format Today — Smashing Magazine
                      • 夏のアプリ容量ダイエット!WebPでスリムなアプリになろう! - HOME'S Designer's Blog | ホームズ デザイナーズ ブログ

                        2016 - 08 - 29 夏のアプリ容量ダイエット!WebPでスリムなアプリになろう! Android WebP アプリ こんにちは。 HOME'Sアプリのデザイナーのこばやしです。 Androidアプリを育てていくと、ひとつの課題に行き当たります。 アプリリソースサイズです。 機能追加、ダイナミックな画像表現などで、気づいたら「ゲームアプリ?」と思うほどリソースサイズが増えているかも…。 そんな時、ひょっとしたら劇的にスリム化できるかもしれない方法をご紹介します。 HOME'S Androidアプリでも実際にやった内容です。 Google deveroparsの記事「 Google Play におけるアプリのダウンロード サイズの削減 」に記載もある WebP が今回紹介する内容です。 googledevjp.blogspot.jp 記事の一文に、 3. APK の

                          夏のアプリ容量ダイエット!WebPでスリムなアプリになろう! - HOME'S Designer's Blog | ホームズ デザイナーズ ブログ
                        • WebP, a new image format for the Web

                          Cross-posted from the Chromium Blog As part of Google’s initiative to make the web faster, over the past few months we have released a number of tools to help site owners speed up their websites. We launched the Page Speed Firefox extension to evaluate the performance of web pages and to get suggestions on how to improve them, we introduced the Speed Tracer Chrome extension to help identify and fi

                          • CentOSでPHPのImageMagickラッパーライブラリ、PECL::imagickを入れてWebPで出力してみる - Qiita

                            CentOSでPHPのImageMagickラッパーライブラリ、PECL::imagickを入れてWebPで出力してみるPHPCentOSImageMagickImagick ImageMagickを使えばさまざまな画像加工が簡単に出来てしまうのは有名ですよね。 ImageMagickは各言語で使えるライブラリが用意されています。今回はPHPのPECL::imagickです。 きっかけ SPAM記録をTwitterでやりたい! ↓ 文字でtweetすると厄介 ↓ なら画像にしよう ↓ 何使うの? ↓ やっぱImageMagickでしょ! インストールしてみる →なぜか動かない いきなり本番環境にインストールをそこら辺に転がってる情報たよりにしようとした自分はバカだった。

                              CentOSでPHPのImageMagickラッパーライブラリ、PECL::imagickを入れてWebPで出力してみる - Qiita
                            • Critical libwebp Vulnerability Under Active Exploitation - Gets Maximum CVSS Score

                              Google has assigned a new CVE identifier for a critical security flaw in the libwebp image library for rendering images in the WebP format that has come under active exploitation in the wild. Tracked as CVE-2023-5129, the issue has been given the maximum severity score of 10.0 on the CVSS rating system. It has been described as an issue rooted in the Huffman coding algorithm - With a specially cra

                              • 画像閲覧ソフト「ViX」でWebP形式のファイルを開く方法

                                画像閲覧ソフト「ViX」でWebP形式のファイルを開く方法を紹介します。 ViXは随分前に更新が停止しており、公式サイトも消滅している古いソフトです。2018年には脆弱性が発見され、使用中止の検討がアナウンスされています。

                                  画像閲覧ソフト「ViX」でWebP形式のファイルを開く方法
                                • PageSpeed Insightsの「次世代フォーマットでの画像の配信」対策方法

                                  これまでは、ひとつの次世代フォーマットですべてのWebブラウザに対応することができませんでしたが、2020年になってようやくApple社の製品がWebPフォーマットの画像を表示できるようになりました。これにより、「次世代フォーマットでの画像の配信」はWebPフォーマットの画像を使用すれば、問題は解決します。 ただし、まだ古いApple社の製品を使っている人もいます。当面の間は、WebPフォーマットの画像を表示できない古い環境にも対応する必要がありそうです。 Webブラウザによって画像の出し分けをするには、HTMLのpicture要素を使います。 HTMLのpicture要素では、WebブラウザがWebP画像フォーマットに対応していればWebP画像を表示して、WebブラウザがWebP画像フォーマットに対応していなければJPEGを表示するようにできます。 具体的には、次のようにします。 <pi

                                    PageSpeed Insightsの「次世代フォーマットでの画像の配信」対策方法
                                  • 【翻訳】Introduction to WebP - 1000ch.net

                                    【翻訳】Introduction to WebP ※この記事はMediumに投稿したIntroduction to WebPの日本語訳です。 以前述べたように、画像はWebにおけるネットワーク帯域の約60%~70%を占めています。これは、画像がWebパフォーマンスにおいて最も重要な因子の1つであることを意味します。そんな画像の中でも、WebPは他のフォーマットに比べて幾つかの点において優っています。 WebPの特徴 可逆圧縮と非可逆圧縮 PNGやGIFは可逆圧縮をサポートし、JPEGは非可逆圧縮をサポートしますが、WebPは可逆圧縮と非可逆圧縮の両方を利用することが出来ます。更に特筆すべきは、その圧縮率が他のどのフォーマットよりも高いということです。 可逆圧縮のWebPは、PNGに比べて26%程サイズが小さくなります。非可逆圧縮のWebPは、同等画質のJPEGに比べて25%~34$程サイズ

                                      【翻訳】Introduction to WebP - 1000ch.net
                                    • WebP 対応ブラウザ と 変換用コマンドのインストールメモ

                                      Google が開発する WebP(「うぇっぴー(weppy)」と読みます)は、ウェブサイトのトラフィック軽減とパフォーマンス向上を目的とした、画像ファイルフォーマットです。可逆圧縮と非可逆圧縮のどちらもにも対応し、PNG画像と比べて26%、JPEG画像と比べて25〜34%もファイル容量を小さくできるとされています。そこで今回は、WebP 対応ブラウザを調べてみたついでに、変換用コマンド「cwebp」と「dwebp」のインストール方法と使い方をメモしておきました。 2017年11月15日時点では、Google Chrome と Opera のみが WebP画像に対応 しています。ただし iOS の Chrome や OperaMini は未対応です。以外なところで iOS では DropBox が WebP画像の表示に対応しています。 その他 Firefox や Safari は対応してい

                                        WebP 対応ブラウザ と 変換用コマンドのインストールメモ
                                      • .htaccessによるWebPの選択的レスポンスとその問題点と改善案 - Qiita

                                        ※ nginx向けの設定をこちらに書きました。 Webサーバー上のJpegやPNGファイルについて、そのWebP版ファイルがある場合はそちらを返す(もちろんブラウザが対応している場合のみ)、という.htaccessの記述例はすでにいろいろ公開されています。 多少の差違はありますが、たいてい以下のような方法をとっています。 WebP-images-with-htaccess ※ 2018/10/31追記 Varyヘッダの送出条件に関するプルリクがマージされました。混乱するので、以前のコミットにリンク先を変更します。 コメントを日本語に置き換えて説明します。 <IfModule mod_rewrite.c> # Rewriteモジュールを有効にする RewriteEngine On # ブラウザから送信されるAcceptリクエストヘッダがimage/webpを含む場合のみ # 後続のRewri

                                          .htaccessによるWebPの選択的レスポンスとその問題点と改善案 - Qiita
                                        • PHP | GDでWebPに変換した場合のファイルサイズを比較した結果 | 1 NOTES

                                          GDでWebPに変換した場合のファイルサイズを比較してみました。 また、元ファイルを圧縮しておくべきか、しなくても変わらないのか気になっていたので、元ファイルにする画像を圧縮済み、非圧縮でWebPに変換して比較してみました。 品質設定オプション(圧縮率)別の比較比較に使う元画像は、パンダさんで圧縮済みのjpeg画像(137KB)にしました。 imagewebp()、imagejpeg()の品質設定オプションは共に0(低品質)~100(高品質)の間で設定可能です。 また、品質を指定しない場合のデフォルト値は、imagewebp()が80、imagejpeg()が75。 QualityjpegWebP

                                            PHP | GDでWebPに変換した場合のファイルサイズを比較した結果 | 1 NOTES
                                          • WebP Compression Study  |  Google for Developers

                                            WebP Compression Study Stay organized with collections Save and categorize content based on your preferences. Introduction We do a comparative evaluation of WebP and JPEG image compression based on the new encoder that we released in libwebp. The goal is to run a set of easily repeatable experiments using publicly available tools and compare the image compression achieved by WebP and JPEG. Our ear

                                              WebP Compression Study  |  Google for Developers
                                            • WebP導入のメリット・デメリットと対応ブラウザ

                                              要約: 次世代画像フォーマットWEBPは、SEO対策のメリットが多数ある。 Googleの基本コンセプトを理解した上で、いいものを選択していく力をつける。 ブラウザの負荷対策として適切なフォーマットと適切なサイズで画像設置する。 次世代フォーマットWebP Google PageSpeed Insightsのチェック項目に【次世代フォーマットでの画像の配信】がアラートとして追加されてからしばらく経ちました。 しかしながら、未だにjpegやpngフォーマットのみを使用し続けているサイトが多くあります。 対象URLを調査すると、サイトに掲載されている画像が、正常に次世代フォーマット化されている場合は以下のように「合格した検査」として表示されます。 つまり、WebPを用いてサイトを作ることをGoogleは推奨していることから、SEO効果も高いことが伺えます。 合格した検査 WebP対応は難しくな

                                              • WebP採用の効果 - ワザノバ | wazanova

                                                http://blog.chromium.org/2014/03/webp-improves-while-rolling-out-across.html 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 Memo: WebPの採用で、 Chromeバージョン libwebp 0.4.0において、エンコーディングが2倍、デコーディングが25%改善。 Google PlayでpngからWebPへの変更により、画像サイズ35%削減。 YouTubeのサムネイルをWebPにすることで、ページの読込み時間10%削減。

                                                • WebPが次世代画像フォーマット天下統一! Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし | アイデアマンズブログ

                                                  TOP > WebPが次世代画像フォーマット天下統一! Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebPが次世代画像フォーマット天下統一! Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebP Safari 14 で次世代画像フォーマットWebPへの対応が発表されました! Safari 14 Beta Release Notes | Apple Developer Documentation かれこれ20年近く延々と続いた次世代画像フォーマット戦争に、WebPがついに終止符を打ちそうです。 WebPは、私の感覚としては現在のWeb画像のデータサイズを半分以下に削減できます。しかも主要なJpeg、PNG、GIF(アニメーション)をすべてカバー。Web画像のスタンダードは、一気にWebPに流れていくでしょう。 実は2016年に

                                                    WebPが次世代画像フォーマット天下統一! Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし | アイデアマンズブログ
                                                  • 【CSS3】BackgroundプロパティでWebPを使う方法

                                                    WebP対応の注意点 WebPを使ううえでの注意点が2つありますので、確認してみましょう! 対応ブラウザの確認 まずWebPに対応させる場合の注意点として、WebPに対応しているブラウザでは、.webp の画像が吐き出され、対応していないブラウザの場合 .png など一般的な画像が書き出されるようにする必要があります。 ダウンロードしても開けない WebPはダウンロードしても画像として保存されません。 その為、ユーザーにダウンロードさせることを目的とした画像の場合に限っては、WebP以外の形式にしてあげるといいでしょう! backgroundでWebP使う場合 CSSでは分岐という概念がなく、pictureタグも使用できないため、jsプラグイン「Modernizr」を使用。 インストール方法、CSSの記述方法については以下をご確認ください。 プラグインインストール方法 1.Add your

                                                      【CSS3】BackgroundプロパティでWebPを使う方法
                                                    • 構造化データで指定する画像にWebPフォーマットは使えるのか? JPG/PNG/GIFが推奨

                                                      [レベル: 上級] Google 検索向けの構造化データで指定する画像フォーマットに、webp を使わないほうがよさそうです。 認識されないかもしれません。 ドキュメントで指示されている、.jpg、.png、.gif のいずれかの形式の画像を指定することが推奨されます。 高速化には WebP が有効だけれど ページの読み込み時間を高速化するために WebP フォーマットは有効な策の 1 つです。 サポートするブラウザも増えてきました。 高速化に焦点を当てると WebP 画像の利用が推奨されます。 ところが、構造化データに目を向けてると事情が変わってきます。 Google 検索においては、構造化データで指定する画像は次の 3 種類のうちのいずれかのフォーマットが指示されています。 .jpg .png .gif たとえば、記事構造化データの技術ドキュメントの image プロパティの説明には次

                                                        構造化データで指定する画像にWebPフォーマットは使えるのか? JPG/PNG/GIFが推奨
                                                      • GitHub - webmproject/libwebp: Mirror only. Please do not send pull requests. See https://chromium.googlesource.com/webm/libwebp/+/HEAD/CONTRIBUTING.md.

                                                        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                          GitHub - webmproject/libwebp: Mirror only. Please do not send pull requests. See https://chromium.googlesource.com/webm/libwebp/+/HEAD/CONTRIBUTING.md.
                                                        • ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル | アイデアマンズブログ

                                                          ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル WebP Web画像最適化 表示高速化 先日公開したWebページのWebP変換シミュレータ、ページまるごとWebP変換ですが、たくさんの方に使っていただいています。 このツールで変換したWebP画像は、実際にあなたのWebサイトでお使いいただけます。その具体的な手順を紹介します。 WebP変換と言っても今の画像を置き換えるわけではありません。iPhoneなどのWebP非対応ブラウザには元画像が表示される安全な方法です。 なお、Apache Webサーバーを対象としています。レンタルサーバーのほとんどで適用できます。 サンプルページ このチュートリアルでは、次のサンプルページを用意しました。 こちらのページでダウンロードできるCC BY 3.0のWebサイトテンプレートです。 We

                                                            ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル | アイデアマンズブログ
                                                          • Gatsby・Next・WordPressから見た「いまどきのレスポンシブイメージ」 | エビスコム - EBISUCOM

                                                            画像はWebサイト・Webページの構成要素として非常に重要な存在です。また、ページのデータ量の中でも、大きな割合を占めます。 そのため、デバイスに対する画像の最適化は必須であり、現状であれば、解像度&画像フォーマットの両方を考慮した以下のようなレスポンシブイメージのコードが必要です。 <picture> <source type="image/webp" srcset=" image/lemons-w400.webp 400w, image/lemons-w768.webp 768w ... " sizes="100vw" /> <img srcset=" image/lemons-w400.jpg 400w, image/lemons-w768.jpg 768w ... " sizes="100vw" src="image/lemons.jpg" alt="Lemons" loading

                                                              Gatsby・Next・WordPressから見た「いまどきのレスポンシブイメージ」 | エビスコム - EBISUCOM
                                                            • Firefox、Google提案画像フォーマット「WebP」のサポートは消極的 | マイナビニュース

                                                              Firefox web browser - Faster, more secure & customizable Googleの提案している新しい画像フォーマット「WebP」はChromeがサポートしているほか、Operaも対応している。どちらもWebPの圧縮率の高さに魅力を感じ、閲覧のみならずサービスの中でもWebPを活用するなど積極的な姿勢を見せている。 一方Mozillaは、FirefoxにおけるWebPのサポートに否定的な姿勢を見せている。FirefoxにおけるWebPのサポートに関しては2010年9月30日に登録されたBug 600919 - (WebP) Implement WebP image supportに詳しい状況が掲載されている。パッチはあるもののマージは実施されておらず、その理由が4月20日のコメントに掲載されている。主な理由はJeff Muizelaar氏のブログ

                                                                Firefox、Google提案画像フォーマット「WebP」のサポートは消極的 | マイナビニュース
                                                              • Macコマンドで簡単!PNG&JPGをWebPに一括変換 | Cruw

                                                                公式ツールのcwebp/dwebpをインストールcwebp/dwebpは直接公式サイトからダウンロードする方法もありますが、Macを使っている方なら以下の方法で簡単にインストールできます。 brew install webpインストールが完了したらバージョン確認してみてください。 cwebp -versionバージョンが表示されれば、インストール完了です。 cwebp/dwebpの使い方cwebpとdwebpの使い方も簡単にご紹介します。 WebP形式からPNG形式に変換する場合はdwebpを使います。使い方は以下になります。 dwebp image.webp -o image.pngdwebp [WebP形式ファイル指定] -o [変換後のPNG形式 or PPM形式ファイル名] PNG、JPG形式をWebP形式に変換する場合はcwebpを使います。以下の方法で使います。 cwebp i

                                                                  Macコマンドで簡単!PNG&JPGをWebPに一括変換 | Cruw
                                                                • WebP補遺:RIFFコンテナ採用で期待すること - unakami - builder by ZDNet Japan

                                                                  ウェブの高速化/効率化は我らの収益機会につながる、といわんばかりにウェブ周辺技術の改良に余念のないGoogle。これまではブラウザとOSのブラッシュアップをメインに進めてきたが、動画フォーマット「WebM」に続き、先日新画像フォーマット「WebP」を発表、ウェブを飛び交うデータ部分にもターゲットを広げた。早速WebPのレビューを書いたので、参考にしていただきたい。 件のレビューでは、WebPというフォーマットが登場した背景と、圧縮率および画質の実際をザックリと紹介している。しかし、触れずじまいだった点が1つ……そう、ファイルのコンテナ形式に「RIFF」を採用していることだ。これはスルーできないトピックなので、この場を借りて補足しておきたい。 コンテナとは、映像/音声などのデータ種や符号化方式が異なるデータを1つのファイルとして扱えるよう、パッケージングしたファイルフォーマットのこと。Qui

                                                                  • Getting Started with the WebP Image Format [Article] | Treehouse Blog

                                                                    When it comes to optimizing websites for performance one of the biggest goals is to reduce the amount of data that needs to be sent to the browser (the payload). As images commonly make up the largest chunk of the overall page size, it’s a good idea to find ways to reduce the size of your images. There are plenty of tools available that can compress images in order to decrease the file size but yo

                                                                      Getting Started with the WebP Image Format [Article] | Treehouse Blog
                                                                    • .webp画像の.png,.jpg等で保存する方法(表示する方法) -

                                                                      Googleのサービスを利用していて稀に出会う拡張子「.webp」の画像ファイル。 ローカルに保存して開きたい、そう思っても別のソフトが必要となったり面倒です。 そんな「.webp」形式を汎用画像ファイルで保存する方法をご紹介しておきます。 .webp画像の.png,.jpg等で保存・表示する方法(Chrome) そもそも「.webp」って何よ? さらっと知りたいときはWikiPedia が便利、と言うわけで 「ウェッピー」と呼んでおけば良さそうだという事は納得しておきます。 WebP(ウェッピー)は、米Googleが開発しているオープンな静止画フォーマット。ファイルの拡張子は「.webp」。 (引用)WebP – Wikipedia GoogleのことですからWebの高速表示を目的とした画像ファイルといったところでしょう。 この「.webp」ファイルには様々なところで出会いますが、 私の

                                                                        .webp画像の.png,.jpg等で保存する方法(表示する方法) -
                                                                      • mimizuno日記 WebP用susieプラグイン ifwebp.spi

                                                                        webp用のsusieプラグインが見付からないので、作ってみた。 誰か作ってても良いと思うのだけど。 wepbライブラリに同梱されているtest.webpと、いくつか適当に作ってみたwebp画像があふw上で表示出来ることは確認した。 intypes.hとかがBCCには無さげだったので、良い機会だということでVisualStudio2008をインストールしてコンパイル。 DIBなにそれ?状態から始めたのでBMPの取り扱いを間違っている可能性がある。 あと、WebPのヘッダの確認部分が怪しい。 http://mimizuno.hostwq.net/susie/

                                                                        • Getting Started  |  WebP  |  Google for Developers

                                                                          Getting Started Stay organized with collections Save and categorize content based on your preferences. Image enthusiasts should use one of the many software products that support WebP. We provide in the libwebp codec distribution a reference implementation for the encoder and decoder applications, cwebp and dwebp respectively, to showcase the available functionalities of WebP. These files can be d

                                                                            Getting Started  |  WebP  |  Google for Developers
                                                                          • Using WebP to Improve Speed

                                                                            $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                                                              Using WebP to Improve Speed
                                                                            • WebP(ウェッピー) でサイト制作をする際の手順と注意点 - あなたのスイッチを押すブログ

                                                                              表示できないOS・ブラウザを把握する WebP(ウェッピー)は新しい技術なので、まだ対応できていないOS・ブラウザが多数あります。 今日時点でWebP(ウェッピー)に対応しているOS・ブラウザは以下の通り。リンク先の情報は常にアップデートされますので、実際にご自身で確認してみてください。 iOSは13まではダメで、14からOK。MacのSafariは、BigSurではすでに対応しているのですが、それより前のOSは表示できません。また、IEは共通して対象外となります。 今後リリースされるデバイスやOSは大丈夫でしょうが、もし古いOSやデバイスをサポートしなければならないようであれば、設計には注意が必要です。 非対応ブラウザで表示するための記述をする 上記のようにWebP(ウェッピー)を表示できないものがありますので、そういったデバイスのために、代わりにJPGやPNGを表示するための記述をしな

                                                                                WebP(ウェッピー) でサイト制作をする際の手順と注意点 - あなたのスイッチを押すブログ
                                                                              • GIFの特許問題について - とほほのWWW入門

                                                                                2004年6月20日、日本においても Unisys社の特許が有効期限が切れました。これに伴い、Giam などのシェアウェアがフリーソフトとして公開を始めました。(2004.6.20追記) GIF画像を作成したり表示したりする際には、Unisys 社の特許技術が必要なため、例えば下記のような行為が禁止されています。 非ライセンスソフトを用いてGIF画像を作成し、公開する。 非ライセンスソフトを用いて作成されたGIF画像を入手し、公開する。 非ライセンスのライブラリを用いたGIF画像作成・表示ソフトを開発・公開する。 GIFでは画像データ部分を「LZW(Lempel Ziv Wilch)圧縮法」という技術で圧縮していますが、この技術が米国 Unisys 社の特許になっています。1985年に「High speed data compression and decompression appara

                                                                                • アニメーション WebP の作り方 | OPENSPHERE Inc. Blog

                                                                                  1. WebPとは?Googleが開発している静止画像フォーマット です。 特徴としては、高圧縮率、アルファチャンネル可、アニメーション可能、と言ったところです。 アニメーションできる画像形式としては animated gif とか APNG とかもありますが、クオリティとファイルサイズと将来性の面で WebP が有利かなと思う次第です。 (主要なOS・ブラウザは対応している) 本記事では、アニメーション WebP の作り方を解説します。 2. 何でアニメーションを作ればいい?アニメーション制作ツールは何でもいいですが、最終的に「連番 PNG ファイル」に出力できる物を使ってください。 筆者は After Effects が良いと思います! 3. 何で変換するの?「アニメ画像に変換する君」Microsoft Store でダウンロード(無料) ググると良く紹介されているツールですが、大きな

                                                                                    アニメーション WebP の作り方 | OPENSPHERE Inc. Blog