[{"data":1,"prerenderedAt":663},["ShallowReactive",2],{"page-ja-\u002Fformat-guide":3},{"id":4,"title":5,"body":6,"description":573,"draft":654,"extension":655,"hero":656,"meta":657,"navigation":658,"path":659,"seo":660,"stem":661,"tags":656,"updatedAt":656,"__hash__":662},"content_ja\u002Fformat-guide.md","対応フォーマットガイド",{"type":7,"value":8,"toc":640},"minimark",[9,12,16,20,156,159,162,167,179,184,198,202,222,226,237,241,261,265,279,283,286,290,310,314,328,332,335,339,358,362,376,380,383,387,413,417,431,434,610],[10,11,5],"h1",{"id":5},[13,14,15],"h2",{"id":15},"対応入力形式",[17,18,19],"p",{},"Drop Compress Imageでは、下記形式の入力画像に対応しています：",[21,22,23,32,38,44,50,56,62,68,78,84,90,96,102,108,117,123,150],"ul",{},[24,25,26,27,31],"li",{},"AV1 Image Format (",[28,29,30],"code",{},"*.avif",")",[24,33,34,35,31],{},"Microsoft Windows Bitmap Image (",[28,36,37],{},"*.bmp",[24,39,40,41,31],{},"Direct Draw Surface (",[28,42,43],{},"*.dds",[24,45,46,47,31],{},"Farbfeld (",[28,48,49],{},"*.ff",[24,51,52,53,31],{},"Graphics Interchange Format (",[28,54,55],{},"*.gif",[24,57,58,59,31],{},"Radiance High Dynamic Range image file (",[28,60,61],{},"*.hdr",[24,63,64,65,31],{},"Computer icon encoded in ICO file format (",[28,66,67],{},"*.ico",[24,69,70,71,74,75,31],{},"Joint Photographic Experts Group (",[28,72,73],{},"*.jpg",", ",[28,76,77],{},"*.jpeg",[24,79,80,81,31],{},"OpenEXR image (",[28,82,83],{},"*.exr",[24,85,86,87,31],{},"Portable Network Graphic (",[28,88,89],{},"*.png",[24,91,92,93,31],{},"Portable Any Map (",[28,94,95],{},"*.pnm",[24,97,98,99,31],{},"Quite OK Image Format (",[28,100,101],{},"*.qoi",[24,103,104,105,31],{},"Truevision Graphics Adapter (",[28,106,107],{},"*.tga",[24,109,110,111,74,114,31],{},"Tagged Image File Format (",[28,112,113],{},"*.tif",[28,115,116],{},"*.tiff",[24,118,119,120,31],{},"WebP (",[28,121,122],{},"*.webp",[24,124,125,126,74,129,74,132,74,135,74,138,74,141,74,144,74,147,31],{},"JPEG 2000 (",[28,127,128],{},"*.jp2",[28,130,131],{},"*.j2c",[28,133,134],{},"*.j2k",[28,136,137],{},"*.jpf",[28,139,140],{},"*.jpx",[28,142,143],{},"*.jpm",[28,145,146],{},"*.mj2",[28,148,149],{},"*.jph",[24,151,152,153,31],{},"JPEG XL (",[28,154,155],{},"*.jxl",[13,157,158],{"id":158},"対応出力形式",[17,160,161],{},"ここでは、本プログラムにおける対応出力フォーマットについて解説します。",[163,164,166],"h3",{"id":165},"pngoxipng","PNG（Oxipng）",[17,168,169,170,174,175,178],{},"PNG（Portable Network Graphic）は、画像を「",[171,172,173],"strong",{},"画質を全く落とさずに","」保存できる形式です。\n本プログラムで使用しているZopfli（ゾップフリ）は、処理時間がかかるものの、このPNGを「",[171,176,177],{},"より小さく","」するための、Googleが作った特別な圧縮技術です。",[180,181,183],"h4",{"id":182},"pngの特徴","PNGの特徴",[21,185,186,192],{},[24,187,188,191],{},[171,189,190],{},"非破壊圧縮（可逆圧縮）","：何度保存し直しても、元の画質が絶対に劣化しません。",[24,193,194,197],{},[171,195,196],{},"透過（アルファ）","：背景を透明にできます。",[180,199,201],{"id":200},"pngの利用シーン","PNGの利用シーン",[21,203,204,210,216],{},[24,205,206,209],{},[171,207,208],{},"ロゴ、アイコン、図表","：境界線がはっきりしていて色数が少ない画像、または背景を透明にしたい画像。",[24,211,212,215],{},[171,213,214],{},"Webサイトの素材","：画質の劣化を避けたいときに使われます。",[24,217,218,221],{},[171,219,220],{},"オリジナルデータの保存","：編集を繰り返す可能性がある画像。",[163,223,225],{"id":224},"jpegjpegli圧縮","JPEG（jpegli圧縮）",[17,227,228,229,232,233,236],{},"JPEG（Joint Photographic Experts Group）は、主に写真に使われる形式で、「",[171,230,231],{},"ある程度画質が落ちてもいいから、とにかく小さく","」を重視した形式です。\n本プログラムで使用しているjpegli（ジェイペグリ）は、このJPEGを更に「",[171,234,235],{},"見た目の劣化を抑えつつ、もっと小さく","」するためにlibjxlプロジェクト（JPEG XLと同じ）で開発された技術です。JPEG XLの技術を活用した高品質なJPEGエンコーダーです。",[180,238,240],{"id":239},"jpegの特徴","JPEGの特徴",[21,242,243,249,255],{},[24,244,245,248],{},[171,246,247],{},"非可逆圧縮","：ファイルを小さくするために、人間の目には見えにくい情報を削るため、画質が少し劣化します（圧縮率が高いほど劣化が目立ちます）。",[24,250,251,254],{},[171,252,253],{},"高い圧縮率","：写真のように色が多く複雑な画像を、非常に小さくできます。",[24,256,257,260],{},[171,258,259],{},"jpegli","：従来のJPEGより、同じファイルサイズなら高画質に、同じ画質ならよりファイルサイズを小さくできます。JPEG XLと同じ技術を使用しているため、高品質な圧縮が可能です。",[180,262,264],{"id":263},"jpegの利用シーン","JPEGの利用シーン",[21,266,267,273],{},[24,268,269,272],{},[171,270,271],{},"一般的な写真","：風景写真や人物写真など、色が多くグラデーションが多い画像。",[24,274,275,278],{},[171,276,277],{},"Webサイト上の大きな写真","：読み込み速度を上げるために、ファイルサイズを最優先したい場合。",[163,280,282],{"id":281},"webp","WebP",[17,284,285],{},"WebP（ウェッピー）は、Googleが開発した新しい画像形式で、JPEGとPNGの良いところを合わせたような存在です。",[180,287,289],{"id":288},"webpの特徴","WebPの特徴",[21,291,292,298,304],{},[24,293,294,297],{},[171,295,296],{},"高圧縮率と高画質の両立","：JPEGと同等の圧縮率で、PNGよりも高い画質を保つことができます。",[24,299,300,303],{},[171,301,302],{},"ロッシー／ロスレス両対応","：非可逆圧縮（写真向け）と可逆圧縮（イラスト向け）の両方が使えます。",[24,305,306,309],{},[171,307,308],{},"透過（アルファ）とアニメーション","：PNGのように背景の透過ができ、GIFのようにアニメーションも作れます（GIFより高画質で小さいファイルにできます）。",[180,311,313],{"id":312},"webpの利用シーン","WebPの利用シーン",[21,315,316,322],{},[24,317,318,321],{},[171,319,320],{},"Webサイトの画像全般","：写真、アイコン、アニメーションなど、ほとんどの画像をこれに置き換えて、サイトの表示速度を上げることが目的です。",[24,323,324,327],{},[171,325,326],{},"汎用的な画像形式","：ファイル形式の選択で迷いたくない場合に便利です。",[163,329,331],{"id":330},"avif","AVIF",[17,333,334],{},"AVIF （AV1 Image Format、アヴィフ）は、WebPよりもさらに新しい「次世代」の画像形式です。高画質の動画技術（AV1という技術）を応用して作られました。",[180,336,338],{"id":337},"avifの特徴","AVIFの特徴",[21,340,341,347,353],{},[24,342,343,346],{},[171,344,345],{},"現時点でトップクラスの圧縮率","：JPEGやWebPと同じ画質でも、よりファイルサイズを小さくできます。",[24,348,349,352],{},[171,350,351],{},"高品質な色表現","：HDR（ハイダイナミックレンジ）や広色域に対応しており、明暗の差や色の鮮やかさを非常に豊かに表現できます。",[24,354,355,357],{},[171,356,308],{},"：透過やアニメーションにも対応しています。",[180,359,361],{"id":360},"avifの利用シーン","AVIFの利用シーン",[21,363,364,370],{},[24,365,366,369],{},[171,367,368],{},"高画質を求められるWebコンテンツ","：Netflixなどがサムネイル画像に採用するなど、画質と読み込み速度を両立させたい場合に最適です。",[24,371,372,375],{},[171,373,374],{},"Webサイトのさらなる高速化","：WebPよりもさらに高速化を目指したい場合に検討されます。",[163,377,379],{"id":378},"jpeg-xl","JPEG XL",[17,381,382],{},"JPEG XL（ジェイペグ エックスエル）は、これまでのJPEG規格の欠点を克服し、究極の画像形式を目指して開発された新しい形式です。\nJPEGファイルならば無劣化で容量を削りつつJPEG XL形式にトランスコード出来ます。",[180,384,386],{"id":385},"jpeg-xlの特徴","JPEG XLの特徴",[21,388,389,395,401,407],{},[24,390,391,394],{},[171,392,393],{},"高い互換性","：既存のJPEG画像を画質を落とさずに（またはほとんど落とさずに）より小さく変換できます。",[24,396,397,400],{},[171,398,399],{},"全方位対応","：写真・イラスト・図表など、どんな種類の画像でも高い圧縮率と画質を実現します。",[24,402,403,406],{},[171,404,405],{},"多機能","：可逆・非可逆圧縮、透過（アルファ）、アニメーション、高画質な色（広色域・HDR）にすべて対応しています。",[24,408,409,412],{},[171,410,411],{},"プログレッシブ表示","：画像が徐々に鮮明に表示されるため、特に大きな画像でも待ち時間を短く感じさせることができます。",[180,414,416],{"id":415},"jpeg-xlの利用シーン","JPEG XLの利用シーン",[21,418,419,425],{},[24,420,421,424],{},[171,422,423],{},"画像形式の統一","：将来的にはJPEG、PNG、GIFなど多くの形式をこれ一つで置き換えられることが期待されています。",[24,426,427,430],{},[171,428,429],{},"画像アーカイブ","：元のJPEGを劣化させずにサイズだけを小さく保存したい場合に適しています。",[13,432,433],{"id":433},"出力形式のまとめ",[435,436,437,471],"table",{},[438,439,440],"thead",{},[441,442,443,447,450,453,456,459,462,465,468],"tr",{},[444,445,446],"th",{},"形式",[444,448,449],{},"主なメリット",[444,451,452],{},"向いている利用シーン",[444,454,455],{},"ロッシー",[444,457,458],{},"ロスレス",[444,460,461],{},"アルファ",[444,463,464],{},"HDR",[444,466,467],{},"圧縮率",[444,469,470],{},"圧縮負荷",[472,473,474,501,524,547,584],"tbody",{},[441,475,476,479,482,485,488,491,493,495,498],{},[477,478,166],"td",{},[477,480,481],{},"画質が劣化しない、背景が透明にできる。",[477,483,484],{},"ロゴ、アイコン、図表。",[477,486,487],{},"❌️",[477,489,490],{},"✅️",[477,492,490],{},[477,494,487],{},[477,496,497],{},"低",[477,499,500],{},"高",[441,502,503,506,509,512,514,516,518,520,522],{},[477,504,505],{},"JPEG（jpegli）",[477,507,508],{},"写真を非常に小さくできる。高品質な圧縮。",[477,510,511],{},"Web上の一般的な写真。",[477,513,490],{},[477,515,487],{},[477,517,487],{},[477,519,487],{},[477,521,500],{},[477,523,497],{},[441,525,526,528,531,534,536,538,540,542,545],{},[477,527,282],{},[477,529,530],{},"高圧縮で高画質、透過・アニメにも対応。",[477,532,533],{},"Webサイトの汎用的な画像。",[477,535,490],{},[477,537,490],{},[477,539,490],{},[477,541,487],{},[477,543,544],{},"中",[477,546,544],{},[441,548,549,551,557,560,562,576,578,580,582],{},[477,550,331],{},[477,552,553,556],{},[171,554,555],{},"最も高い圧縮率と高画質","、広色域（HDR）対応。",[477,558,559],{},"高画質と高速表示を両立したいWebサイト。",[477,561,490],{},[477,563,487,564],{},[565,566,567],"sup",{},[568,569,575],"a",{"href":570,"ariaDescribedBy":571,"dataFootnoteRef":573,"id":574},"#user-content-fn-1",[572],"footnote-label","","user-content-fnref-1","1",[477,577,490],{},[477,579,490],{},[477,581,500],{},[477,583,500],{},[441,585,586,588,595,598,600,602,604,606,608],{},[477,587,379],{},[477,589,590,591,594],{},"すべてに対応し、JPEGとも互換性がある",[171,592,593],{},"究極の形式","。",[477,596,597],{},"既存のJPEGを小さくしたいとき、将来的な画像形式の統一。",[477,599,490],{},[477,601,490],{},[477,603,490],{},[477,605,490],{},[477,607,500],{},[477,609,497],{},[611,612,615,620],"section",{"className":613,"dataFootnotes":573},[614],"footnotes",[13,616,619],{"className":617,"id":572},[618],"sr-only","Footnotes",[621,622,623],"ol",{},[24,624,626,627,632,633],{"id":625},"user-content-fn-1","AVIFは規格上ロスレス対応ですが、高負荷の割に容量が増えてしまうため本プログラムでは実装していません。\nロスレスで使用したい場合は、JPEG XLを使用することを推奨します。\n参照：",[568,628,629],{"href":629,"rel":630},"https:\u002F\u002Fgithub.com\u002FAOMediaCodec\u002Fav1-avif\u002Fissues\u002F111",[631],"nofollow"," ",[568,634,639],{"href":635,"ariaLabel":636,"className":637,"dataFootnoteBackref":573},"#user-content-fnref-1","Back to reference 1",[638],"data-footnote-backref","↩",{"title":573,"searchDepth":641,"depth":641,"links":642},2,[643,644,652,653],{"id":15,"depth":641,"text":15},{"id":158,"depth":641,"text":158,"children":645},[646,648,649,650,651],{"id":165,"depth":647,"text":166},3,{"id":224,"depth":647,"text":225},{"id":281,"depth":647,"text":282},{"id":330,"depth":647,"text":331},{"id":378,"depth":647,"text":379},{"id":433,"depth":641,"text":433},{"id":572,"depth":641,"text":619},false,"md",null,{},true,"\u002Fformat-guide",{"title":5,"description":573},"format-guide","bkvOZERp44B17AZ0yIKDSA-IW7HwirP0N6Nc-K-SLzo",1780198564378]