便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images

2022/05/16 204 users WebP AVIF SVG jpg PNG

次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, ... 続きを読む

これが完全版！レスポンシブ対応のwebp画像を実装するHTMLのコード | コリス

2021/05/26 171 users コリス フォールバック src WebP画像 HTML

画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。 レスポンシブ対応のwebp画像を実装するHTMLのコードの完全版を紹介します。非サポート用のフォールバック... 続きを読む

デザイナーにおすすめ！大量の画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle | コリス

2019/08/27 95 users Eagle コリス TTF フォントファイル psd

デザイナーをはじめ、大量の画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できま... 続きを読む

Google Chrome Labs、WebPにも対応したオープンソースの画像圧縮Webアプリ「Squoosh!」を公開。 | AAPL Ch.

2018/11/12 190 users WebP Squoosh AAPL ソース https

Google Chrome Labsがオープンソースの画像圧縮Webアプリ「Squoosh!」を公開しています。詳細は以下から。 Google Chrome LabsのJake Archibaldさんは現地時間2018年11月12日、Googleが開発している画像フォーマット「WebP」にも対応したWebベースの画像圧縮ツール「Squoosh」を新たに公開したと発表しています。 https... 続きを読む

圧縮効率60%向上を目指す新規格「JPEG-XL」策定にむけ技術公募へ - PC Watch

2017/08/15 55 users 草稿 策定 ISO 要件 新規格

画像フォーマットの規格策定団体JPEG(The Joint Photographic Experts Group)は13日、圧縮率をJPEG比で60%の向上を目指す次世代フォーマット「JPEG-XL」について、同技術が満たすべき仕様を策定中であることを明らかににした。要件の草稿は2017年10月に決定し、早ければ2020年にISO(国際標準規格)として認められることを目指す。 　JPEG-XLは、... 続きを読む

「この画像はコピーできません」JPEGにコピープロテクトが導入される、嬉しくない未来が来る可能性あり - Engadget Japanese

2015/10/16 344 users コピープロテクト 議案 JPEG 仕様 未来

「この画像はコピーできません」JPEGにコピープロテクトが導入される、嬉しくない未来が来る可能性あり BY Kiyoshi Tane 2015年10月16日 16時00分 0 インターネットのあらゆる場所で使われている画像フォーマットのJPEGですが、コピープロテクトが導入されるかもしれません。JPEGの仕様を作成したJoint Photographic Experts Groupにて議案が提出さ... 続きを読む

ASCII.jp：いまさら聞けないSVG——Web制作に便利な3つの理由 (1/2)｜本気で使いこなす「SVG」再入門【2015年版】

2015/04/06 145 users SVG CSS SVG——Web制作 装飾 テクニック

スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） W... 続きを読む

GIFアニメに少し細工すると突然奥行き感が増して立体っぽくなるテクニック - GIGAZINE

2014/03/01 66 users 要領 フォーマット パラパラマンガ GIFアニメーション 工夫

By Night-thing 画像フォーマットの一つであるGIFファイルを使えば、複数の画像を連続で表示させてパラパラマンガの要領で動く画像ファイルを作ることができます。古くから使われているフォーマットなので慣れ親しんでいる人も多いと思いますが、簡単な工夫を加えるだけでいきなりGIFアニメーションの奥行き感を増すことができるテクニックがあることが判明しました。 Incredible 3D GIFs... 続きを読む

結局「GIF」ってどう読むの？　生みの親は「ジフ」と明言 - ねとらぼ

2013/05/22 129 users シブ 生みの親 キブ 明言 gif

1987年に生まれた画像フォーマット「GIF」の開発者Steve Wilhiteさんが、Webby賞の生涯貢献賞を受賞しました。 GIFでWebby賞を受賞 Wilhiteさんは受賞を受けてNew York Timesのインタビューに応えていますが、その中で、今もまだ残る「GIFの読み方」議論の答えも示されています。 「ジフ」「ギフ」の2つの読み方がありますが、Wilhiteさんによると、ソフトな... 続きを読む

Google+のAndroidアプリは画像フォーマットを秘かにWebPにチェンジ, 帯域を50%節約 | TechCrunch Japan

2013/05/18 59 users WebP WebPフォーマット 帯域 プレゼンテーション

今日（米国時間5/17）のデベロッパカンファレンスGoogle I/Oにおける発表によると、約一か月半前にGoogleは、Google+のAndroidアプリの画像を、同社作のWebPフォーマットに変えた。今日のプレゼンテーションを行ったWebPとChromeリモートデスクトップ担当プロダクトマネージャStephen KonigとMake the Web FastチームのメンバーでChromeのデ... 続きを読む

複数の画像を別のフォーマットに一括変換できるサービス「IMVERTER」 : ライフハッカー［日本版］

2012/11/24 55 users フォーマット PNG形式 ライフハッカー JPG画像 PDF

Webツール , デザイン , 最新テック 複数の画像を別のフォーマットに一括変換できるサービス「IMVERTER」 2012.11.24 20:00 ブロガーなど、画像を頻繁に扱う人には便利なサービスです。 「IMVERTER」は複数の画像をまとめて別の画像フォーマットに変換できるサービス。たとえばJPG画像をまとめてPNG形式に変換したり、PDFにまとめたりできます。画像ファイルをアップすると... 続きを読む

PNGよりコンパクトに：Google、画像フォーマット「WebP」に可逆圧縮と透明度を追加 - ITmedia ニュース

2011/11/20 269 users WebP ウェッピー PNG アニメーション 透過度

GoogleがWeb高速化を目的に開発している画像フォーマット「WebP」に、PNGよりファイルサイズを小さくできる可逆圧縮モードと、アニメーションに必要なアルファチャンネル機能が追加された。 米Googleは11月18日（現地時間）、オープンソースのWeb向け画像フォーマット「WebP（ウェッピーと読む）」に、可逆圧縮（ロスレス圧縮）モードと透過度を設定できるアルファチャンネルを追加したと発表し... 続きを読む

Photoshopをグーグル推奨の画像フォーマットWebPに対応させるプラグイン:phpspot開発日誌

2011/05/24 69 users Photoshop phpspot開発日誌 WebP 40%

How To Reduce Image Size With Google’s WebP Image Format Photoshopをグーグル推奨の画像フォーマットWebPに対応させるプラグイン WebPでは、JPEGより４０％も画像サイズを圧縮できる画像フォーマットです。変換ツールもありますが、Photoshopで直で保存したいという場合に使えるプラグインです。 Google Code の We... 続きを読む

2011年はSVG元年に。デザイナー大注目の画像フォーマット「SVG」の特徴を一気におさらい。 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2011/04/21 138 users SVG カヤック KAYAC DESIGNER おさらい 疑問

MIX11で「SVG女子」が紹介されました！ 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26！「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ！ SVGの気になる疑問に答えます！ SVGって何？ SVG（Scalable Vector Graphics）... 続きを読む

JPEGより約40％コンパクト：Google、Web高速化を目指し新画像フォーマット「WebP」を発表 - ITmedia エンタープライズ

2010/10/01 216 users WebP JPEG ITmedia エンタープライズ web

JPEGより約40％コンパクト：Google、Web高速化を目指し新画像フォーマット「WebP」を発表 GoogleがJPEGに代わる画像フォーマットとしてVP8技術を応用した「WebP」を発表。Webページの65％を占めるという画像を圧縮することでWeb高速化を促進する狙いだ。 [佐藤由紀子，ITmedia] 米Googleは9月30日（現地時間）、新たなオープンソースの画像フォーマット「Web... 続きを読む

JPEGより約40％コンパクト：Google、Web高速化を目指し新画像フォーマット「WebP」を発表 - ITmedia News

2010/10/01 131 users WebP JPEG ITmedia News オープンソース

ニュース JPEGより約40％コンパクト： Google、Web高速化を目指し新画像フォーマット「WebP」を発表 GoogleがJPEGに代わる画像フォーマットとしてVP8技術を応用した「WebP」を発表。Webページの65％を占めるという画像を圧縮することでWeb高速化を促進する狙いだ。 2010年10月01日 09時00分 更新 米Googleは9月30日（現地時間）、新たなオープンソースの... 続きを読む

グーグル、画像フォーマット「WebP」を発表--ウェブの高速化を図る - CNET Japan

2010/09/30 230 users WebM WebP テクノロジ グーグル 主流

Googleの「WebM」テクノロジには、ウェブベースビデオを変革するという以上の計画があったようだ。同社は、「WebP」と呼ばれる新しいフォーマットによって、ウェブ上の静止画像も変革したいと考えている。 Googleは米国時間9月30日、新しいグラフィックスフォーマットWebPと、これを使用することにより、現在主流のJPEGファイル形式と比べて、画像ファイルのサイズを約40％縮小できるという同社... 続きを読む

SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に － Publickey

2010/04/07 367 users Publickey JavaScrip ITpro SVG

Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScrip... 続きを読む

JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル

2009/08/04 637 users JPEG エンタープライズ gif SitePoint jpg

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞ... 続きを読む