並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 271件

新着順 人気順

webPの検索結果161 - 200 件 / 271件

  • ウェブ用の画像形式  |  WebP  |  Google for Developers

    WebP は、ウェブ上の画像に対する優れた可逆圧縮と非可逆圧縮が可能な最新の画像形式です。ウェブマスターやウェブ デベロッパーは、WebP を使用することで、サイズが小さくリッチな画像を作成して、ウェブを高速化できます。 WebP 可逆圧縮画像は、PNG 画像と比べてサイズが 26% 小さくなります。WebP の非可逆画像は、同等の SSIM 品質インデックスで同等の JPEG 画像よりも 25 ~ 34% 小さくなります。 可逆 WebP は透明性をサポート(アルファ チャンネルとも呼ばれます)しますが、コストはわずか 22% の追加バイトです。非可逆 RGB 圧縮が許容される場合、非可逆 WebP は透明度もサポートしており、通常は PNG よりもファイルサイズが 3 倍小さくなります。 アニメーション WebP 画像では、非可逆、可逆圧縮、透明度がサポートされています。これにより、G

      ウェブ用の画像形式  |  WebP  |  Google for Developers
    • yebo blog: Google、WebPをアップグレードし、PNGに対抗

      2011/11/19 Google、WebPをアップグレードし、PNGに対抗 Googleは、WebP画像フォーマットに、可逆圧縮を行なってもPNGと比較してファイルサイズを小さくできる機能と透過モードを追加した[googlecode]。可逆圧縮を行うことで、デコードが単純になりページの表示が速くなるという。Chrome以外のブラウザでのサポート次第だなぁ。 WebP vs PNG8 - GallerySlashdot | Google Upgrades WebP To Challenge PNG Image Format メールで送信BlogThis!Twitter で共有するFacebook で共有する 投稿者 zubora 投稿時間 07:37 ラベル: Google, Technology, Web 0 コメント: コメントを投稿

      • iOSアプリの画像ライブラリ、NukeのWebPをサポートしたプラグイン作りました | Nagisaのすゝめ

        2018年1月19日 iOSアプリの画像ライブラリ、NukeのWebPをサポートしたプラグイン作りました はじめに iOSエンジニアの小菅です。 先日以下の記事とライブラリを公開しました。 はてブもいくつかついた頃に以下のコメントを頂きました! ということで、前回作ったおかげで簡単に作成できることがすぐ想像できたので作ってしまいました。 のでこのライブラリの使い方と公開までの作業手順の紹介を書いていきます。 インストール方法と使い方 README.mdにも書きましたが、頑張って英語で書いたのでこの記事では日本語で紹介したいと思います。 インストール CocoaPodsとCarthageに対応させました。 CocoaPods # Podfile pod "Nuke-WebP-Plugin" bundle exec pod installで依存関係も込みでインストールされるかと思います。 Ca

          iOSアプリの画像ライブラリ、NukeのWebPをサポートしたプラグイン作りました | Nagisaのすゝめ
        • Is WebP really better than JPEG?

          What’s the best lossless image format? Comparing PNG, WebP, AVIF, and JPEG XL Is WebP really better than JPEG? DigitalOcean App Platform: it’s a promising service with a one really big problem Never MISS the cache with Nginx microcaching If you have used tools like Google’s PageSpeed Insights, you probably have run into a suggestion to use “next-gen image formats”, namely Google’s WebP image forma

            Is WebP really better than JPEG?
          • WebP対応をしたらサイトが軽くなったので、最も対応しやすい方法を解説します | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社

            こんにちは、Webコーダーのばやしです。 さっそくですが、皆様は「WebP対応」していますか? 「対応していないブラウザへの対応が面倒・・・」 「そんなにサイト速度が大きく変わらないならPNG,JPGで十分」 と考えている方も多いかと思います。かくいう私も同じように考えていました。 とはいえ、いつまでも見てみぬふりをするのは良くないと思い、この度調査の上弊社サイトで実践しました。 そもそもWebPとは そもそも「WebP」とは何でしょうか。さっそくWikipedia先生に聞いてみましょう。 WebP(ウェッピー[2])は、米Googleが開発しているオープンな静止画フォーマット。ファイルの拡張子は「.webp」。 https://ja.wikipedia.org/wiki/WebP まさにこの記載通りのもので、従来のWebページに使われる「JPG・PNG・GIF」などと替わって通信量削減や

              WebP対応をしたらサイトが軽くなったので、最も対応しやすい方法を解説します | Blog | 株式会社イロコト | ゲーム・アニメ等のエンタメ系Web制作&運用会社
            • It’s High Time to Replace JPEG With a Next-Generation Image Codec

              I can be quite passionate about image codecs. A “codec battle” is brewing, and I’m not the only one to have opinions about that. Obviously, as the chair of the JPEG XL ad hoc group in the JPEG Committee, I’m firmly in the camp of the codec I’ve been working on for years. Here in this post, however, I’ll strive to be fair and neutral. The objective is clear: dethroning JPEG, the wise old Grandmaste

                It’s High Time to Replace JPEG With a Next-Generation Image Codec
              • Using WebP Images | CSS-Tricks

                DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! We’ve all been there before: You’re browsing a website that has a ton of huge images of delicious food, or maybe that new gadget you’ve been eyeballing. These images tug at your senses, and for content authors, they’re essential in moving people to do things. Except that these images are dow

                  Using WebP Images | CSS-Tricks
                • iOS 10のSafariではWebPに加えてPhotoshopフォーマットが表示可能に。

                  iOS 10のSafariではWebPに加えてPhotoshopフォーマットが表示可能になるようです。詳細は以下から。 昨日、現在Betaユーザー向けに公開されているmacOS 10.12 SierraおよびiOS 10, Safari v10でGoogleの画像フォーマット「WebP」がサポートされるという記事を公開しましたが、 Image Format Test Page: #iOS10 Safari now supports WebP and Photoshop image format too! Everything but SGI & XBM. 💯 https://t.co/ufaMRHD9Tv — Jake Hamby (@jhamby) 2016年7月13日 この記事に対し、次期OSでは新たにPhotoshop(.psd)フォーマットの表示(プレビュー)が可能になっていると

                    iOS 10のSafariではWebPに加えてPhotoshopフォーマットが表示可能に。
                  • 話題の新画像フォーマット「WebP」をOS Xで使う (1/2)

                    本連載「Apple Geeks」は、Apple製ハードウェア/ソフトウェア、またこれらの中核をなすOS X/iOSに関する解説をあますことなくお贈りする連載です(連載目次はこちら)。 UNIX使い向けをはじめ、Apple関連テクノロジー情報を知りつくしたいユーザーに役立つ情報を提供します。 最近、iPhone 4のホームボタンの調子が悪いんです。押しても反応が鈍く、2度押しに失敗すること度々。ああ、ストレスたまりまくり。何か良い解決法は? さて、今回は、Googleが新たに公開した画像形式「WebP」(ウェッピー)について。同品質のJPEGに比べファイルサイズは10~80%と高圧縮率が話題の画像フォーマットを、OS Xで試してみよう。 What's 「WebP」 WebPについて述べる前に、Googleがなぜ新しい静止画像フォーマットを普及させようとしているのか、その部分から解説してみたい

                      話題の新画像フォーマット「WebP」をOS Xで使う (1/2)
                    • 「Windows 10 RS5」で“WebP”がサポート、「Microsoft Edge」などで表示可能に/米Googleが推進している圧縮率とデコード速度に秀でたイメージフォーマット

                        「Windows 10 RS5」で“WebP”がサポート、「Microsoft Edge」などで表示可能に/米Googleが推進している圧縮率とデコード速度に秀でたイメージフォーマット
                      • 3ファイルでできるサイト全体の自動的なWebP対応 - Qiita

                        Apacheで運営しているサイトをお手軽にWebP対応する方法を紹介します。 ※ nginxも対応可能です。記事の末尾に参考情報を記載しました。 Googleが推している新フォーマットなので、PageSpeed Insightsや、Lighthouseのスコアがわずかですがほぼ確実に上がります(笑) さて、方法は次の3ファイルをWebサーバーに設置して、cronによる定期処理を登録するだけです。 WebPへの変換を行うcwebpコマンドファイル ディレクトリ内の画像にcwebpコマンドを実行するシェルスクリプトファイル Apacheに振り分けを指示する.htaccessファイル 非常にシンプルで本番環境では厳しい部分も多々ありますが、小規模なサイトはこれで十分という場合もあると思います。 弊社のWebサイトやブログなど実際、小規模なので十分だったりします。…ということで実際に導入しました。

                          3ファイルでできるサイト全体の自動的なWebP対応 - Qiita
                        • susieプラグイン

                          WebP画像を表示。あふwでのみ動作確認。 アルファチャンネルは無視している。 なかったから作っただけで、ほとんど使ってないのでバグがあっても言われないと気付かない可能性大。 WebPのページ 更新履歴 Ver 1.6 2017-03-20 libwebp-0.6.0ベースに更新 Ver 1.5 2013-01-15 libwebp-0.2.0ベースに更新 出力BITMAPのヘッダーに問題があったのを修正 Ver 1.4 2012-07-24 losslessのWebPはヘッダーが異なるために非対応と判断され、表示出来なかったのを修正 Ver 1.3 2012-07-20 libwebp-0.1.99ベースに更新 Ver 1.2 2011-10-14 libwebp-0.1.3ベースに更新 Ver 1.1 2011-08-16 特定の画像で必ずエラーが出る問題を修正 susieプラグインの

                          • Google 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が最近リリースされ、重要な変...

                              Google WebP - より早いページのためにより小さい画像を作る
                            • Gallery

                              Gallery Sample image files in JPEG and WebP The tables on this page contain some sample images from Wikipedia. The photos are licensed under a Creative Commons License. Famous classic images such as Lena, the Baboon, etc., often used when doing compression comparisons, are unfortunately not free of copyright. The tables below show JPEG and WebP images side-by-side for comparison. Images in the lef

                              • cwebp  |  WebP  |  Google for Developers

                                cwebp Stay organized with collections Save and categorize content based on your preferences. Name cwebp -- Compress an image file to a WebP file Synopsis cwebp [options] input_file -o output_file.webp Description cwebp compresses an image using the WebP format. Input format can be either PNG, JPEG, TIFF, WebP or raw Y'CbCr samples. Note: Animated PNG and WebP files are not supported. Options The b

                                  cwebp  |  WebP  |  Google for Developers
                                • WebP Lossless はちゃんと Lossless してます - Qiita

                                  世間には WebP Lossless が本当は Lossy(劣化) なのでは疑惑があるようで、本当に劣化するの?しないの?と気になり調べたメモです。 (2020年1月31日投稿) 結論はタイトルの通りで libwebp の古いバージョン含め Lossless(劣化しない)を確認しました。その際に気付いたいくつかの注意点も紹介します。 はじめに注意 WebP は 8bit 色深度のみ対応です。16bit 画像を WebP に変換すると bit 数を減らす分だけ劣化します。 Lossless エンコーダのオプション機能 Near Lossless があります。わずかに劣化を覚悟して圧縮率を高めます。後の方で改めて解説します。デフォルトoffです。 色深度 8bit, 16bit 色深度の 8bit と 16 bit の違いを図にしました。表現できる色数が段違いです。 Web 上では今でも 8b

                                    WebP Lossless はちゃんと Lossless してます - Qiita
                                  • 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:/

                                      iOS+Swift でいい感じに WebP を扱うサンプル。ついでにUICollectionViewの画像リクエストのチューニングについて色々 - Qiita
                                    • GitHub - seanooi/iOS-WebP: Google's WebP image format decoder and encoder for iOS

                                      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 - seanooi/iOS-WebP: Google's WebP image format decoder and encoder for iOS
                                      • GitHub - dchest/webp-quicklook: [DEPRECATED] QuickLook plugin to generate thumbnails and previews for 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 - dchest/webp-quicklook: [DEPRECATED] QuickLook plugin to generate thumbnails and previews for WebP images
                                        • Convert Image to WebP | Online WebP Converter Free

                                          This site uses cookies to ensure we give you the best experience on our website.Find out more about cookies Fastest Browser Based WebP Converter Free JPG and PNG to WebP convert without uploading to our or any other servers.

                                            Convert Image to WebP | Online WebP Converter Free
                                          • WebP(ウェッピー)で画像を軽量化!非対応ブラウザでも切り替える方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                            どうもですよ、はやちですよ(´ʘ‿ʘ )✌ 今回はGoogleが作った新しい画像フォーマットWebPの導入方法、そしてWebPが使えない他ブラウザへの対応方法をご紹介いたします。 WebPとは? WebP(ウェッピー)は、米Googleが開発しているオープンな静止画フォーマット。ファイルの拡張子は「.webp」。 ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPEGや可逆圧縮のGIF、PNGの置き換えを意図する規格である。JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える。 参考:WebP – Wikipedia さっそく使ってみた img要素に.webpを設定するだけ! <img src="http://hayachi.github.io/images/hayachi.webp" alt="はやちwe

                                              WebP(ウェッピー)で画像を軽量化!非対応ブラウザでも切り替える方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                            • PNGの代わりにWebPを使ってリソースサイズを削減する | dotproof

                                              今年の後半から、5インチでピクセル数が1,440 x 2,560というAndorid端末が市場に出てきます。そうなるとmdpiの4倍の画面密度になるので、xxxhdpiというdensityサイズになります。もはやPCのモニターと同じかそれ以上のピクセル数を持つスクリーンが手のひらサイズになるわけです。mdpiではアプリアイコンのサイズが48ピクセル四方なので、xxxhdpiでは192ピクセル四方になります。 これだけ画面のピクセル数が大きくなると、UIとして使われる画像もそれだけ大きなサイズになります。なにしろ27インチiMacと同じ画面ピクセル数ですからね。 ただの写真であればJEPGで圧縮すればそれなりのサイズになりますが、UIとして使うリソースでは透明部分が必要になるため、Androidでは通常、透明度つきの24bitPNGファイルを使用します。ただ、それだとサイズが非常に大きくなっ

                                              • 無料で動画ファイルをブラウザ上で簡単にアニメーションWebPに変換できる「Video2WebP」

                                                ウェブサイトのトラフィック量を軽減するためにGoogleが開発している画像フォーマット「WebP」は、非可逆圧縮のJPEGや可逆圧縮のGIF、PNGへの置き換えが意図されており、APNGと同様にアニメーションに対応しています。WebP形式のアニメーションを使うべく、動画ファイルからアニメーションWebPへの変換をブラウザ上で行えるウェブアプリが「Video2WebP」を、実際に使ってみました。 Video2WebP https://video2webp.mattj.io/ 今回は焼き肉を焼く様子を撮影したMP4形式のムービーをアニメーションWebPに変換してみます。ムービーのファイルサイズは4.59MB、フレームサイズは560×420ピクセル、ビットレートは約1.5Mbps、フレームレートは29.97fpsです。 Video2WebPの「Select and convert」で「ファイルを

                                                  無料で動画ファイルをブラウザ上で簡単にアニメーションWebPに変換できる「Video2WebP」
                                                • WebP in Chrome, Picasa, Gmail With a Slew of New Features and Improvements

                                                  $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

                                                    WebP in Chrome, Picasa, Gmail With a Slew of New Features and Improvements
                                                  • Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input

                                                    $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

                                                      Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input
                                                    • 新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき? | アイデアマンズブログ

                                                      TOP > 新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき? 新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき? WebP Web画像最適化 表示高速化 新社会人のみなさんが初出社を迎えた会社も多いでしょう。 今日はWebP対応/非対応ブラウザに向けた適切な振り分けについて、新人さん(...が今WebPなどを使うかどうかは置いといて...)にもわかりやすく解説します。 過渡期のWebPはブラウザ振り分けが必須 2019年4月現在、WebPに非対応のブラウザもまだまだ多いので、WebPを使う場合はブラウザの種類やバージョンによる振り分けが必要です。 つまり、ひとつの画像について、WebPに対応したブラウザでは軽いWebPフォーマットで、対応していないブラウザで

                                                        新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき? | アイデアマンズブログ
                                                      • タグにWebPとJPEGを両方書いてWebP対応 | 公開懺悔日記

                                                        WebPとJPEGを利用しつつ何も考えなくて良い方法「Chrome Dev Summitで披露された高速化のテクニックの数々(所感を含む)」を見てみると <picture> <source type="image/webp" src="image.webp"> <img src="image.jpg"> </picture> WebP対応ブラウザならWebP、WebP未対応ならJPEGという書き方ができるらしい。 テスト用のJPEG画像を用意してSquooshで圧縮とフォーマット変更してWebP画像とJPEG画像を用意 これを参考にHTMLを書いてみた。 <picture> <source type="image/webp" srcset="https://cdn.barasu.org/2018/11/2018112301-WebP.webp"> <img src="https://cdn

                                                        • Introduction to WebP

                                                          As I have mentioned before, images account for about 60%~70% of web bandwidth. That is to say, image is one of the most important factor for web performance. WebP is superior to other image formats in some points. WebP FeaturesLossy and Lossless compressionPNG and GIF support lossless compression, JPEG supports lossy compression, but WebP supports both lossy and lossless compression. And it should

                                                            Introduction to WebP
                                                          • MacのFinderでWebP画像を見れるようにしよう!|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                            健全なソースコードは健全な開発環境に宿る。こんにちは、フロントエンドのザワです。 私がWebPを扱い始めたのはここ最近の話です。JPG画像などを見るのと同じようにFinderを眺めていたとき気づきました。 FinderでWebPが見れないじゃないか! そんな苦い経験から、WebP画像をFinderで見る方法をここに記すことにします。対応はものすごく簡単なので、「まだやってないよ」という方はぜひ試してみてください! ではさっそく始めます! LIG技術研究会って? 日頃感じているWeb技術に関する疑問や不明な点を、研究員(LIG社員)がそれぞれのアプローチによって紐解いていく会。まだまだ謎が多い。 やってみよう! 動作確認(Before) まずはFinderで画像を見た場合の正常動作を確認しましょう。 たとえばJPG画像をFinderで見ると、このように表示されると思います。 うん、ブルーライ

                                                              MacのFinderでWebP画像を見れるようにしよう!|WebP編 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                            • WebPShop  |  Google for Developers

                                                              WebPShop Stay organized with collections Save and categorize content based on your preferences. WebPShop, the plug-in for opening and saving WebP images directly from Adobe Photoshop, is now available on GitHub under an Apache 2.0 license. Installation Follow these instructions. Encoding options Compression settings can be adjusted during the "Save" command. The quality goes from lossy 0 (the imag

                                                                WebPShop  |  Google for Developers
                                                              • WebPonize – Mac OSX用のWebPフォーマットコンバータ

                                                                Googleが開発した画像フォーマットWebPはJPEGよりもサイズが小さくなり、より転送量の少ない画像配信が可能になります。もっと普及して欲しいのですが、多くのWebブラウザがサポートしないと難しいという点はありそうです。 また、JPEGに比べると圧倒的にツールが少なく、作りづらいという問題があります。そこで使ってみたいのがMac OSX用、ファイルをドラッグ&ドロップするだけでWebP化してくれるWebPonizeです。 WebPonizeの使い方 WebPonizeのメイン画面です。 ここに画像をドロップするだけです。 元の画像ファイルとの違いです。見た目はほぼ変わらず(素人目には変わったところが分からない)、サイズは1/5程度になっています。技術的には素晴らしいのでもっとツールが充実して普及して欲しいですね。 WebPonizeはMac OSX用のソフトウェア(ソースコードは公開さ

                                                                  WebPonize – Mac OSX用のWebPフォーマットコンバータ
                                                                • 次世代の画像フォーマット「WebP」でサイト表示速度の改善に取り組もう | Web担当者Forum

                                                                  サイトの表示速度は直帰率、コンバージョン率等に大きく影響します。 webサイトの閲覧に3秒以上かかる場合、モバイルユーザーの53%はサイトから離脱する とGoogleは発表しています。 表示速度を遅くする大きな原因としてページで使われてる画像容量が大きい・枚数が多すぎることで読込が遅くなってしまうことは容易にご理解いただけると思います。 特にECサイトの場合、メインビジュアルに加えてバナーや商品一覧の画像など、どうしても画像が多いページになってしまいがちです。よって表示速度を改善するためには「いかに画像容量を減らすか」がポイントとなります。 PageSpeed Insights(ページスピードインサイト)を使ってサイトのパフォーマンスを計測すると、表示速度の改善施策として「改善できる項目」「短縮できる時間」(※1)として次の内容を確認することができます。 昨年刷新されたPageSpeed

                                                                    次世代の画像フォーマット「WebP」でサイト表示速度の改善に取り組もう | Web担当者Forum
                                                                  • Opera の設定ファイルの解説

                                                                    Explore the categories to the left Browse through the categorized sections on the left to learn more about Opera browsers. If you have a specific question, we recommend you search in the FAQ section. For the latest news and updates, check out Opera’s Blog. Update your browser Your Opera browser will automatically update when a new version is available. You can check its status in Update & Recovery

                                                                      Opera の設定ファイルの解説
                                                                    • cdnconnect

                                                                      Là thương hiệu nhà cái nằm trong top những sân chơi đẳng cấp hàng đầu châu Á hiện nay. Dù thời gian […]

                                                                      • GIF問題の常識

                                                                        ■ はじめに かつてGIFのライセンス問題において Web 上が騒がしかったことがある。 素材提供サイトを中心に、一時はパニックと言っていいほどの混乱状態を呈した。 それはネット上にさまざまな流言飛語が飛び交い、正しい情報が伝わらなかったゆえのように思われる。 ここで、簡単ではあるがGIF問題についての要点を書いておきたい。 参考になれば幸いである。 目次 GIFとは? GIF問題の発端 GIF問題の経過 一般ユーザーにとっての影響 問題となる場合 完全フリーでGIFを製作するには? PNGの利用 将来の展望 付録 ■ GIFとは? GIF (Graphic Interchange Format)とは、米CompuServe社が1987年に開発した画像形式である。Jpg形式と共にインターネットでは標準的に使われている。表示は256色までに限られ、フルカラー表現を必要とする写真等には不向きだ

                                                                        • 25%ファイルサイズをカットできる画像フォーマット「WebP」の可能性

                                                                          先日のCloudFourのレスポンシブ・イメージについての記事にWebPのことが書かれていて興味がわいたので、実際に使えるものなのか調べてみました。 このWebP(ウェッピーと読む)の最大のメリットはJPEGと比べて25%近くファイルサイズを小さくできるところです。ウェブページを構成するファイルの多くを占める画像ファイルのサイズを25%カットできたら、表示パフォーマンスをかなり向上できます。しかし、一つの大きな問題としてiOSでのサポートがありません。そのため、結論から言ってしまうと、モバイル端末からのアクセス・シェアでAndroidユーザ(しかも4.0以降)が圧倒的に多ければWebPを利用する価値はありますが、逆にiOSユーザが多い場合は現段階ではメリットが考えられません。 ただ、Android端末のシェアは拡大していますし、万が一iOS SafariでWebPが対応されることになれば状

                                                                            25%ファイルサイズをカットできる画像フォーマット「WebP」の可能性
                                                                          • JPG・PNGを一気にWebP画像に置き換えてブログを高速化する簡単な方法 | 瀬戸内ことりの鬼校閲手帖

                                                                            プラグインを使って簡単に、しかも大量の画像を一気に WebP に置き換えてしまいましょう。 初めに読んでおいてほしいこと この方法は「.htaccess」というファイルに文字列を追記します。 必ずバックアップを取ることあくまでも自己責任で閲覧されている時点で通じる方法かどうかは保証できません 以上についてご理解いただいた上で実施してくださいね。 失敗するとブログが表示されなくなってしまうので、慎重に。 大まかな流れ プラグイン EWWW Image Optimizer の導入&設定.htaccess の編集画像の最適化

                                                                              JPG・PNGを一気にWebP画像に置き換えてブログを高速化する簡単な方法 | 瀬戸内ことりの鬼校閲手帖
                                                                            • まだJPEGで消耗してるの?/iOSDC-Reject-Conference

                                                                              http://iosdc-reject-conference.connpass.com/event/37017/ で発表したスライド

                                                                                まだJPEGで消耗してるの?/iOSDC-Reject-Conference
                                                                              • iOS版SafariがWebP画像をサポート、でもMacOS版はまだ

                                                                                [レベル: 中級] iOS 版 Safari が WebP をサポートしました。 しかしながら、MacOS 版 Safari は未サポートのままです。 iOS 版 Safari が WebP を表示 こちらは、JPEG 画像です。 みんな見えているはずです。 こちらは、WebP 画像です。 ブラウザによっては見えていないかもしれません。 iOS 版 Safari 14 が WebP をサポートしたので、どちらの画像も表示できます。 Safari が WebP に対応したのはとても嬉しいニュースです。 WebP 利用の最も大きな懸念がなくなりました。 ところが…… MacOS 版 Safari はサポートせず MacOS 版(デスクトップ版)の Safari は バージョン 14 でも WebP に対応していないままです。 表示できていません。 インスペクタを見ると WebP には読み込みエ

                                                                                  iOS版SafariがWebP画像をサポート、でもMacOS版はまだ
                                                                                • Giam - k本的に無料ソフト・フリーソフト

                                                                                  複数の画像ファイルを元に、GIF / MNG アニメ、AVI 動画 を作成することができるソフト。 GIF / MNG アニメを分解したり、相互に変換したりする機能も付いています。 「Giam」は、複数の静止画(BMP、DIV、JPEG、GIF、PNG)から、GIF / MNG アニメ※1、AVI 形式の動画を作成することができるソフトです。 1 GIF アニメのPNG 版のようなもの。 素材となる画像をいくつか用意し、それらを順番に並べるだけで、アニメーション動画を簡単に作成することができます。 細かい設定もすることができますが、基本的な使い方は以下のような感じです。 (あらかじめ、アニメの素材となる画像をいくつか用意しておきます) まず、素材画像を、順番通りに画面左下の空欄(リストボックス)へドラッグ&ドロップしていきます。 リストボックス内に、素材画像一覧が表示されたと思います。 リ

                                                                                    Giam - k本的に無料ソフト・フリーソフト