Googleは、JPEGの代替となることを目指す画像フォーマット「WebP」を改良した。この最新版は、ウェブ上で普及しているもう1つの画像フォーマットPNGにも対抗しようとするものだ。 WebPはGoogleの動画エンコーディング技術「WebM」で採用されているオープンソースの圧縮技術をベースにしており、GoogleはWebPによってウェブページのファイルサイズを小さくすることで、インターネットを高速化したいと考えている。WebPには多くの課題があるが、Googleは今回、2つの主要な機能を追加してこの技術の競争力をさらに少し高めた。 1つは、画質を損ねることなくデータを忠実に再現できる「ロスレス」圧縮（可逆圧縮）のオプションだ。もう1つは、デザイナーが画像の一部の透過度を指定できる「アルファチャンネル」のサポートだ。 これらの機能は、背景の上に単純な形状の画像を重ね合わせただけではないビ
Google、静止画フォーマットWebPを発表 | スラド IT
Googleが静止画フォーマットWebPを発表した（CNETの記事、Chromium Blogの記事）。 WebPは同じくGoogle発の動画フォーマットWebM（VP8）の派生技術で、ファイルサイズはJPEGより平均39％少なくなると評価されている。圧縮率は絵柄によって異なるが、サンプルではおよそ10％～75％圧縮など色々なようだ。 JPEG代替フォーマットとしては、JPEG 2000や、Microsoft発のJPEG XRもあるが、いずれも普及しているとは言いがたい。WebPの技術的詳細はよく分からないが、注目しておきたいところ。
Google Chrome runs web pages and applications with lightning speed. Googleは2月3日(米国時間)、Chromeの安定版をChrome 9へアップグレードしたことを発表した。Chrome 9における注目の新機能は次のとおり。 WebGLをサポート。ハードウェアアクセラレーションが実現されており、対応しているグラフィックチップとデバイスドライバを使っている場合にはスムーズに3Dレンダリングが実施される。 アドレスバーにGoogle Instantの機能を取り込み。入力しながら順次候補が表示される。 クラウド印刷の実装。オプション→高度な設定からクラウド印刷を有効化可能。 WebPファイルのレンダリングを実装。 エクステンションが表示するボタンを非表示にする機能を実装。 Chrome 9安定版 on Windows XP
ウェブを効率化する新画像フォーマット「WebP」を試す - builder by ZDNet Japan
Googleが新しい画像フォーマット「WebP」を公開した（関連記事）。 JPEGに比べファイルサイズは約40％縮小、普及すれば増加する一方のインターネットトラフィックの抑制が期待される。それでは早速、実際にWebPフォーマットの画像を作成し、ファイルサイズなどについて検証してみよう。 GoogleがWebPを展開する理由 WebPは、Googleが開発した新しい画像フォーマット。2009年のOn2買収で獲得したビデオコーデック「VP8」をベースとした、同じオープンソースプロジェクトとして開発される。現時点ではソースコードのほか、Linux x86_64で動作するコンパイル済のフォーマット変換コマンド（webpconv）が公開されている。 GoogleがWebPを開発した理由としては、ウェブのトラフィックに占める画像データの比率低減が指摘されている。検索などのウェブサービスを収益の柱とする
【保存版】知らないと画質が落ちるWebP変換おすすめパラメーター設定例 JPEG/PNG編 | アイデアマンズブログ
【保存版】知らないと画質が落ちるWebP変換おすすめパラメーター設定例 JPEG/PNG編 WebP 「WebPは軽いけど画質が悪い」と安易に誤解しないために 従来のJPEG画像やPNG画像をWebPに変換する代表的なコマンドがcwebp です。 ImageMagickのconvertコマンドのように多くの開発シーンで使われると予想されます。実際にWordPressなどのプラグインの多くも内部ではこのcwebpコマンドを使用しています。 このcwebpには意外と多くのパラメーターがあって、設定に迷ってしまいます。 企業サイトのWebP導入を支援する弊社が、現時点のおすすめパラメーター設定例を紹介します。 知らないと、「WebPは確かに軽いけど画質がいまいち...」という誤解を招いてしまいます。スムーズなWebPシフトのためにご参考ください！ まずは結論から JPEG画像からWebPに変換す
susieプラグイン
更新履歴 Ver 1.2 2011-10-14 libwebp-0.1.3ベースに更新 Ver 1.1 2011-08-16 特定の画像で必ずエラーが出る問題を修正 susieプラグインの仕様を勘違いしてた。 Ver 1.0 2011-05-30 サンプル画像が表示出来ることは確認 PDFを書庫として開きページ毎のBMPファイルを得るプラグイン。あふwでのみ動作確認。 MuPDFをバックエンドに使用(SumatraPDFで使われている)。 SumatraPDFで開けるファイルは開けるはず。 ソース同梱。ライセンスはGPLv3(MuPDFがGPLv3なのでたぶん)。 パスワードはiniファイルに事前に書いておく形。 Ver. 1.4からBMP出力にしたので、展開が非常に高速になった(以前と比べれば)。キャッシュ不使用。 PDF内のページサイズは全てのページで共通という仮定で処理し
Hello my dear friends. Today we will speed up our rails application using webp images. What is WebP? WebP is an image format that employs both lossy and lossless compression. It was developed by Google. As we can see on this page, today only Google Chrome (+ Android) and Opera support this type of images. But it is not a problem. We can show webp images in these browsers, but in another browsers w
グーグル、画像フォーマット「WebP」を発表--ウェブの高速化を図る - builder by ZDNet Japan
UPDATE Googleの「WebM」テクノロジには、ウェブベースビデオを変革するという以上の計画があったようだ。同社は、「WebP」と呼ばれる新しいフォーマットによって、ウェブ上の静止画像も変革したいと考えている。 Googleは米国時間9月30日、新しいグラフィックスフォーマットWebPと、これを使用することにより、現在主流のJPEGファイル形式と比べて、画像ファイルのサイズを約40％縮小できるという同社の研究結果とともに発表した。これにより、ファイル転送はより高速になり、GoogleがWebPの普及に成功すればネットワーク負荷が低下することになる。 WebPは、JPEGと同様に、ユーザーが画質と引き換えにファイルサイズを圧縮することができる。また、こちらもJPEGと同様に、「lossy」なフォーマットであり、元の画像を完璧に再現することはしないが、人間の目で見た場合に、できる限り元
WebP の仕様自体は何年も前からあって今更感ありますが、Facebook での導入のゴタゴタで世の中への認知が拡がる感があり、便乗して ImageMagick で WebP を扱う件のメモです。 はじめにまとめ ImageMagick v6.6.8 (2011年3月)から WebP に対応 ImageMagick の build 時に libwebp 組み込みが必要 (これしないと convert でエラー出さずに元ファイルの形式のまま .webp に格納する) オプションで lossless=true を指定しないと png からでも不可逆圧縮で変換する。 lossless webp は img src だとインライン表示出来るが、URL を直接開くとダウンロード扱い。 仕様が出てから結構たつのに Chrome でしか画像を表示できない状況が心配でなりません。 (2015/08/28
GIF vs APNG vs WebP
For this quick comparison study, we will take a few GIFs from http://iwdrm.tumblr.com/ and wikipedia, and convert them into APNG, WebP and lossy WebP using latest gif2apng 1.9 and gif2webp 0.4.3 tools with the following command line settings: gif2apng -z2 -i500 Animation.gif gif2webp -m 6 Animation.gif -o Animation.webp gif2webp -lossy Animation.gif -o Animation_lossy.webp Since first 3 animations
Google、最新のPhotoshopとSDK、WebP 1.2.0に対応したPhotoshop用WebPプラグイン「WebPShop 0.3.2」をリリース。
Googleが最新のPhotoshopとSDK、WebP 1.2.0に対応したPhotoshop用WebPプラグイン「WebPShop 0.3.2」をリリースしています。詳細は以下から。 GoogleのWebM Projectは現地時間2021年02月09日、Googleが開発している新しい画像フォーマットWebPを、Adobe Photoshopで扱えるようにするプラグイン「WebPShop」を0.3.2へアップデートしたと発表しています。 WebPShop 0.3.2 Updated to Adobe Photoshop Plug-In and Connection SDK 2021 v2. Updated to WebP 1.2.0. Minor fixes. Removed bin/ folder because the binaries are now available at
High Performance Images: Beautiful Shouldn't Mean Slow
(slides from the O'Reilly webcast, see recording here: http://www.oreilly.com/pub/e/3425) The web is becoming increasingly image rich. Between high-resolution mobile screens, Pinterest-style design and big background graphics, the average image payload has more than doubled in the last three years. While visually appealing, these images carry a substantial performance cost, and — if not optimized
画像フォーマットWebP（ウェッピー）について詳しく調べてみた｜WebP編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WebPとは WebPとは、Googleが新しく作った画像フォーマットのことです！ 画像は sample.png のように、拡張子でフォーマットが指定されていますよね。同じように、WebP画像も sample.webp のような形で保存されます。 ちなみに、読み方はウェッピーです。 また、Wikipediaには、 ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPEGや可逆圧縮のGIF、PNGの置き換えを意図する規格である。JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える。 引用元：Wikipedia と書いてあります。非可逆圧縮でもアルファチャンネルを扱えるということは、透過した画像もWebPとして書き出すことができるということです。 WebPの歴史 次世代フォーマットともいわれるWebPですが、なん
デジタルデバイスにおける画像は、それぞれファイル形式を備えています。WebサイトやSNSに使われている画像、あなたのスマートフォンに入っている画像も同様です。 形式によってその性質は異なり、目に見えない違いが使い勝手に大きな影響を与えることもしばしば。もしかすると、知らないうちに損しているかもしれません。 この記事では、画像ファイル形式ごとの特徴を解説したうえで、その確認方法や変換方法についても紹… ファイルサイズはWebPが最も軽い WebPの開発元であるGoogleによると、同等の画質でJPEGより約25～34％、PNGより約26％も軽くできると発表しています。 有名な拡張子の中では、WebPのファイルサイズが最も軽いということです。 WebPは背景透過も可能 WebPは背景透過も可能です。今までは、背景透過するか否かでJPEGとPNGを使い分ける必要がありましたが、すべて1本化できま
Downloading and Installing WebP | Google for Developers
Downloading and Installing WebP Stay organized with collections Save and categorize content based on your preferences. All our download packages are available in our downloads repository. We have: Precompiled WebP utilities and library for Linux, Windows and macOS. They include: The libwebp library, which can be used to add WebP encoding or decoding to your programs. cwebp -- WebP encoder tool dwe
About WebPonize is a Mac OS App for converting images into WebP. Download Download webponize.tar.gz. Installation Extract downloaded webponize.tar.gz. Move WebPonize.app into Application folder (/Applications). Usage Just drag and drop your images into WebPonize! Feedback WebPonize is still in alpha. So, I'm waiting your feedbacks! Link Introduction to WebP If you want to know about WebP, try the
WebP Home
Getting started Download and install the conversion tool. Convert your JPEG collection. View your collection. What is WebP? WebP is a method of lossy compression that can be used on photographic images. The degree of compression is adjustable so a user can choose the trade-off between file size and image quality. A WebP file consists of VP8 image data, and a container based on RIFF. Webmasters, w
もずはっく日記(2011年4月) 2011年4月21日 Bug-org 600919 Implement WebP image support 初回投稿日時: 2011年04月21日08時40分05秒 最終更新日時: 2011年04月23日19時01分30秒 カテゴリ: Mozilla Core バグ却下 SNS: Tweet (list) WebPのサポートは、wontfixとなりました。 詳しい理由はJeff Muizelaar: WebPに書かれています。 ざっくりとまとめると、一点目は、現在、デファクトスタンダードとなっているJPEGを置き換えるには非力なフォーマットであるということのようです。例えば、現在のところ、JPEGの持つ機能のサブセットしか提供できておらず、YCrCb 4:2:0以外の色空間もサポートしていないし(JPEGは4:4:4やCMYK等の他の色空間もサポート
次世代画像フォーマット「WebP（ウェッピー）」を実際に使ってみよう ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
今回は「jpg」や「png」「gif」などのいわゆる画像フォーマットの中でも次世代フォーマットと呼ばれている「WebP（ウェッピー）」についてのお話です。 ことの発端はGoogle Speed Insightの「改善できる項目」でたびたび目にする下記の『次世代フォーマットでの画像の配信』という記述です。 『「JPEG 2000」「JPEG XR」「WebP」などの次世代フォーマットを使えばPNGやJPEGより圧縮率が高くファイルサイズを抑えられるので、結果読み込み速度も上がるよ』というGoogle先生からのお達しです。 普段から画像に圧縮をかけてからアップをしていますが、次世代フォーマットにすることでそれより更にファイルサイズを落とせる可能性があるということですね。 フォーマットごとの対応ブラウザ状況 じゃあ実際に次世代フォーマットを試すとなると、提示されている「JPEG 2000」「JP
The picture element Stay organized with collections Save and categorize content based on your preferences. The previous module demonstrated how the srcset attribute allows you to provide different-sized versions of the same image. The browser can then decide which is the right version to use. If you want to change the image completely, you'll need the picture element. In the same way that srcset b
(2020/6/2追記ここから) タイトルに"in 16 bit"を追記しました。 頂いた指摘等を基に再検証したところRGB各色8bitの画像では問題なくlosslessですが、各色16bitの画像ではlossyです。 公式の仕様でbitdepthについての言及が見つけられなかったのですが、フォーラムでは16bit画像のサポートは念頭に無さそうなことが書かれています。曰く、「特にモバイルデバイスのディスプレイに合わせて、データ転送量を削減することを狙ってるので、16bitだとかHDRだとかCMYKはスコープ外だ」的な発言が見つかりますので、そういう仕様なのでしょう。 lossless 16-Bit grayscale support (2020/6/2追記ここまで) WebMの検証を行っていたところ、ついでに気になる静止画版のWebPについても多少実験してみました。 本投稿は、JPEG等の
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Dominik Homberger has been very busy over the last few months working on porting first, Google’s WebP image format to JS and today launching his WebM video decoder in JavaScript. No, these are not Emscripten compiled versions - these are hand ports directly from the origina
WebP入門
3. WebPエンコードのパラメータ • デフォルト • PICTURE – Target_size = 0 – Sns_strength = 80 – Target_PSNR = 0. – Fiter_sharpness = 4 – Method = 4 Method = 4 – Filter strength = 35 Filter strength = 35 – Sns_strength = 50 • PHOTO – Filter_strength = 20 – Sns_strength = 80 – Filter_sharpness = 0 _ p – Fiter sharpness = 3 Fiter_sharpness 3 – Filter_type 0 – Filter strength = 30 – Partitions = 0 • DRAWING – Segments =
Culture Google offers JPEG alternative for faster Web With WebP, Google hopes to drastically cut data-transfer barriers to Web browsing. But it's not easy to challenge JPEG's dominance. It turns out there was more to Google's WebM technology than just a plan to revolutionize Web-based video. The company also wants to revolutionize still images on the Web with a new format called WebP. Google plans
ファイルサーバ用にMac miniを購入しました。昨晩届いたばかりでメモリは2GBのまま、しばらくSafariを使っているとページングが始まるというやるせなさ……とりあえず8GBに増設してみます。 さて、今回は「WebP」について。Googleが開発を進める高圧縮率の画像フォーマットで、現在Chromeなど一部のWebブラウザにしかサポートされていないが、「Webの高速化」という高邁な理想のもと、JPEGやGIFなど既存の画像フォーマットを代替すべく改良が進められている。そのWebPの最新状況と、OS Xへの導入方法を解説してみよう。 What's WebP? WebP(ウェッピー)は、高圧縮率が特徴の画像フォーマット。2009年にGoogleが買収したOn2社のビデオコーデック「VP8」の技術を利用し、その高圧縮率を静止画でも実現すべくオープンソースでの開発がスタートした。その圧縮効率は
Weppy Demo
Weppy Demo: WebP in modern browsers today Demo Code How does it work? WebP is actually a lightweight container for a single VP8 frame (whereas WebM is a container based off Matroska meant for video). WebM support exists already in Chrome, Firefox and Opera, so all that's needed to render it is to do a little magic to convert the RIFF encoded WebP image into a EBML/Matroska encoded single frame Web
｢より高速なウェブのために｣ グーグルがJPEG代替の新画像フォーマット｢WebP｣を推進へ 【増田@maskin真樹】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。
iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々 - Qiita
iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々iOSSwiftWebP Swift + UICollectionView + WebP SDWebImage がWebPを簡単に扱うオプションを提供していたので使ってみました。（主にパフォーマンス調査） pod 'SDWebImage/WebP' を足せばSDWebImageで勝手にWebPを扱えるようになります。 使い方は、SDWebImageを普段使うような感じで、 imageView.setImageWithURL(NSURL(string: "http://path/to/image.webp")) WebPは目に見えてサイズが小さくなるので、パフォーマンス厨にはたまりません。 WebP と JPEG のサイズ比較 WebP: http:/
yug1224 blog
Loading...
PNG・JPEGをWebP画像に一括変換
Web（ブラウザ）上ですぐに使えるWebP変換ツールです。 複数のJPEG、PNG、GIFをまとめてWebP形式に変換します。 WebPはGoogleが開発している軽量な画像形式です。 一部のブラウザや端末ではWebP画像の表示に対応していません→ブラウザ対応状況 ウェブでのWebP表示にはpictureタグを使うと良いでしょう。 WebP未対応ブラウザではこのツールの利用はできません。Chromeでのご利用をおすすめします。 ファイルの拡張子は◯◯.webpに変換されます。 画像はパソコンやスマホのブラウザ上で処理されます。 サーバーなどにも送信されないため、画像を誰かに見られる心配はありません。 画像サイズ変更ツールやPNG→JPEG変換ツールもどうぞ。
Telegraphics - Free plugins for Photoshop & Illustrator...and other software
WebP Format File Format plugin that opens and saves 24-bit WebP images (Google's compression format for images on the web).
WebP Home
Getting started Download and install the conversion tool. Convert your JPEG collection. View your collection. What is WebP? WebP is a method of lossy compression that can be used on photographic images. The degree of compression is adjustable so a user can choose the trade-off between file size and image quality. A WebP file consists of VP8 image data, and a container based on RIFF. Webmasters, w
WebPは改善されているが、採用については、いまだ不明瞭
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
オンラインで無料でWEBPからJPGに変換
WEBPをJPGに変換 WEBP画像をJPG形式に変換します。 オンラインで瞬時に複数のWEBPをJPGに変換できます。
ホームページの表示速度を上げるには、デバイスごとの画像ファイルの切り替えが有効です。画像フォーマットのWebPと、LazyLoadで遅延読み込みで、表示速度を体感できるパフォーマンスにします。 表示速度が異常に遅いホームページはSEOにも不利になることから、近頃はホームページの表示速度に関してセンシティブになっています。 ホームページの表示が遅い主な原因は画像ファイルの読み込みです。 今回は、PCとスマートフォンそれぞれに最適な画像ファイルを読み込むようにします。 さらにLazyLoadを使って遅延読み込みさせて表示速度を早めます。 また、画像ファイルに「WebP」フォーマットを使って、画像の軽量化を図ります。WebPフォーマットが対応しているブラウザにはWebP画像を表示させ、未対応のブラウザには通常のjpgやpng画像を表示させます。 デバイスに合わせたサイズの画像を読み込む Lazy
WebP変換 & 画像キャッシュサービスをサーバレスで構築する - Feed re:Architect vol.1 - - Sansan Tech Blog
Eight事業部 Platform Unit / Engineering Manager の 藤井洋太郎(yotaro) です。 前回、以下のRuby on Lambdaを使った画像処理基盤の記事を書かせていただきましたが、 今回の記事では少し前に、Eightフィード機能の高速化の際に行った、「画像フォーマット変換、リサイズ、キャッシュサービスをサーバーレスで構築した話」をしたいと思います。 Eightフィード Eightのメイン機能として、「ニュースフィード」があります。 この機能は、これまでに名刺交換をした「人」や「企業」に関連するニュースや更新情報を届けるものです。例えば、 役職変更、転勤などの人事異動情報 企業のプレスリリースなどの最新ニュース ユーザや企業による最新動向 など「ビジネスに必要な情報」が各ユーザにパーソナライズされた形で届きます。 サクサク動かない。原因はOGP画像
WebPは簡単に説明するとJPEGよりファイルサイズの小さい静止画フォーマットを作り、ネット上を流れるトラフィックの削減とブラウザでの画像表示の高速化を目的にGoogleが動画フォーマットWebMを元に作成した画像フォーマットです。ちなみに「うぇぶぴー」では無く「うぇっぴー」と読むみたいです。 JPEGと同様、ロスレスやアルファチャンネルには未対応のフォーマットと成っています。 詳しくはこちらを参照下さい。 WebP - Wikipedia http://ja.wikipedia.org/wiki/WebP そのWebPがChrome 9でサポートされたとの話を聞いたので以前からやろうやろうと思いながらも先送りにしていたWebPとJPEGの画質とファイルサイズ比較をしてみました。 デジカメで撮影した画像で比較 デジカメで撮影した画像を一度、Pixelmator(画像編集ソフトです)でPNG
マツカワ Webサイト制作／コンテンツ企画／Web広告／SEO／マーケティングを経験してきた雑食系Webクリエイター・プロデューサー プロフィール / Twitter / Facebook 画像のレスポンシブ対応には、これまでずっとベストな解決策と言えるものはありませんでした。 しかし、ようやくレスポンシブサイトにおける画像最適化の問題に決着がつきそうです。 それが、picture要素によるレスポンシブイメージの実装です。 複雑なスクリプトを使うことなく、HTMLだけで画像を切り替えられる picture 要素の書き方と実践的な使い方を紹介します。 picture要素とは picture要素は、HTML5.1で追加されたタグです。 pictureは要素単体では動作せず、source と img の要素を子要素に持つことで機能する入れ物要素です。 複数の画像リソースの中から、 ブラウザの状況
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグル、画像フォーマット「WebP」を改良--可逆圧縮とアルファチャンネルに対応
Chrome 9登場、画像フォーマットWebP初対応 | エンタープライズ | マイコミジャーナル
Speed up your Ruby on Rails application using WebP images
ImageMagick で WebP - yoya's diary
WebP（ウェッピー）とは？変換方法と使用するメリットまとめ
WebPonize - webponize.github.io
Google、画像フォーマット「WebP」に可逆圧縮と透過モードを追加
Bug-org 600919 Implement WebP image support - WebStudio
「Opera 11.10」正式版公開、スピードダイヤルやOpera Turboを機能強化
The picture element | web.dev
WebP lossless might be lossy in 16 bit - 記憶は人なり
WebM and WebP Hand Ported to JavaScript for All...
Google offers JPEG alternative for faster Web - CNET
高圧縮率画像フォーマット「WebP」をLionで使う - 新・OS X ハッキング!(25)
WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ
Pixelmatorで変換したWebPとJPEGを比較してみた - 強火で進め
pictureタグを使ったレスポンシブイメージの実装方法