[{"data":1,"prerenderedAt":1405},["ShallowReactive",2],{"blog-tag-ja-convert":3},[4,301,559,784,993,1222],{"id":5,"title":6,"author":7,"body":8,"category":282,"coverImage":283,"description":284,"draft":285,"extension":286,"locale":287,"meta":288,"navigation":289,"noindex":285,"path":290,"publishedAt":291,"seo":292,"slug":293,"stem":294,"tags":295,"updatedAt":291,"__hash__":300},"blog\u002Fblog\u002Fwebp-convert-seo.md","WebP変換でSEOを改善する方法｜画像最適化の効果と手順を解説","Zerosend Editorial",{"type":9,"value":10,"toc":267},"minimark",[11,16,25,32,39,42,46,49,54,61,64,68,75,79,82,84,88,91,98,113,116,119,121,125,132,135,138,141,149,240,244,247,249,253,256,263],[12,13,15],"h2",{"id":14},"画像が重いはseoの大敵見落とされがちなボトルネック","「画像が重い」はSEOの大敵——見落とされがちなボトルネック",[17,18,19,20,24],"p",{},"Webサイトのパフォーマンス改善に取り組む際、JavaScriptの最適化やキャッシュ設定に目が向きがちです。しかし実際には、",[21,22,23],"strong",{},"画像ファイルの容量","がページ速度のボトルネックになっているケースが非常に多く見られます。",[17,26,27,28,31],{},"Google Search Consoleや PageSpeed Insights でサイトを計測してみると、「画像を次世代フォーマットで配信してください」という指摘を受けた経験がある方も多いでしょう。ここで言う「次世代フォーマット」とは、主に ",[21,29,30],{},"WebP（ウェブピー）"," のことを指します。",[17,33,34,35,38],{},"JPEGやPNGと比較して、WebPは同等の画質を保ちながらファイルサイズを ",[21,36,37],{},"平均25〜35%程度削減"," できると言われています。この差は、特に画像を多く使うECサイトやブログ、ポートフォリオサイトでは非常に大きなインパクトをもたらします。",[40,41],"hr",{},[12,43,45],{"id":44},"webp変換がseoに与える具体的な効果","WebP変換がSEOに与える具体的な効果",[17,47,48],{},"WebPに変換することがSEOにどう効くのか、具体的なポイントを整理してみましょう。",[50,51,53],"h3",{"id":52},"core-web-vitalsのスコアが改善する","① Core Web Vitalsのスコアが改善する",[17,55,56,57,60],{},"Googleは2021年からCore Web Vitals（CWV）を検索順位の評価指標に加えています。その中でも特に重要な ",[21,58,59],{},"LCP（Largest Contentful Paint）"," は、ページ内で最も大きな要素が表示されるまでの時間を測るものです。多くの場合、LCPの対象はメインビジュアルや商品画像など、大きな画像要素です。",[17,62,63],{},"WebPへの変換によってこれらの画像ファイルが軽くなれば、ダウンロード時間が短縮され、LCPスコアが改善します。結果として、Googleからの評価が高まりやすくなります。",[50,65,67],{"id":66},"ページの読み込み速度が体感レベルで上がる","② ページの読み込み速度が体感レベルで上がる",[17,69,70,71,74],{},"SEOの指標改善だけでなく、",[21,72,73],{},"ユーザー体験（UX）"," への直接的な効果も見逃せません。ページの表示が速くなれば直帰率が下がり、セッション時間が延びる傾向があります。Googleはこうしたユーザー行動のシグナルも評価に組み込んでいると考えられており、間接的にSEOへも好影響を与えます。",[50,76,78],{"id":77},"モバイル環境での優位性が上がる","③ モバイル環境での優位性が上がる",[17,80,81],{},"スマートフォンからのアクセスが主流となった現在、モバイル環境でのパフォーマンスは特に重要です。モバイル回線はWi-Fiよりも通信速度が不安定なことが多く、画像の軽量化がより体感しやすい差として現れます。WebPはモバイルファーストインデックスへの対応という観点でも有効な施策です。",[40,83],{},[12,85,87],{"id":86},"実際にどうやってwebpへ変換するか","実際にどうやってWebPへ変換するか",[17,89,90],{},"WebPへの変換方法はいくつかあります。サーバー側でImageMagickやlibwebpを使ってバッチ処理する方法、CMSのプラグインを使う方法、そしてブラウザ上で動作する変換ツールを使う方法などです。",[17,92,93,94,97],{},"サーバー環境を持たない方や、手軽に試してみたい方には、",[21,95,96],{},"ブラウザ上で完結する変換ツール","が最も手軽です。",[17,99,100,101,108,109,112],{},"その選択肢の一つとして、",[102,103,107],"a",{"href":104,"rel":105},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-convert",[106],"nofollow","画像形式変換ツール"," があります。このツールの特徴は、",[21,110,111],{},"ファイルをサーバーに送信せず、ブラウザ内だけで処理する","という点です。",[17,114,115],{},"業務で扱う画像の中には、公開前の商品写真や社内資料のスクリーンショットなど、外部に送信したくないものも含まれることがあります。クラウド型のサービスでは、アップロード時にファイルがサーバーを経由するため、情報漏えいのリスクをゼロにはできません。一方、ブラウザ内処理であれば、その心配がありません。",[17,117,118],{},"操作はシンプルで、変換したい画像ファイルをドラッグ＆ドロップし、出力形式としてWebPを選択するだけです。JPEGやPNGはもちろん、複数形式に対応しているため、様々な用途で活用できます。",[40,120],{},[12,122,124],{"id":123},"webp変換を運用に組み込むためのポイント","WebP変換を運用に組み込むためのポイント",[17,126,127,128,131],{},"WebPへの変換は一度やれば終わりではなく、",[21,129,130],{},"継続的な運用","として組み込むことが大切です。",[50,133,134],{"id":134},"既存ページと新規ページの両方に対応する",[17,136,137],{},"まず既存の記事や製品ページに使われている画像を洗い出し、ファイルサイズの大きいものから優先的に変換していきましょう。次に、新規コンテンツを作成する際のルールとして「アップロード前にWebP変換を行う」というフローを定めておくと、徐々に全体の最適化が進みます。",[50,139,140],{"id":140},"ブラウザの対応状況を確認する",[17,142,143,144,148],{},"WebPは主要なモダンブラウザではほぼすべて対応していますが、ごく一部の古いブラウザでは表示されない場合があります。HTMLの ",[145,146,147],"code",{},"\u003Cpicture>"," タグを使ってWebPとJPEGをフォールバックとして両方指定する方法が、安全性の高い実装です。",[150,151,156],"pre",{"className":152,"code":153,"language":154,"meta":155,"style":155},"language-html shiki shiki-themes github-light github-dark","\u003Cpicture>\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\">\n  \u003Cimg src=\"image.jpg\" alt=\"説明テキスト\">\n\u003C\u002Fpicture>\n","html","",[145,157,158,174,204,230],{"__ignoreMap":155},[159,160,163,167,171],"span",{"class":161,"line":162},"line",1,[159,164,166],{"class":165},"sVt8B","\u003C",[159,168,170],{"class":169},"s9eBZ","picture",[159,172,173],{"class":165},">\n",[159,175,177,180,183,187,190,194,197,199,202],{"class":161,"line":176},2,[159,178,179],{"class":165},"  \u003C",[159,181,182],{"class":169},"source",[159,184,186],{"class":185},"sScJk"," srcset",[159,188,189],{"class":165},"=",[159,191,193],{"class":192},"sZZnC","\"image.webp\"",[159,195,196],{"class":185}," type",[159,198,189],{"class":165},[159,200,201],{"class":192},"\"image\u002Fwebp\"",[159,203,173],{"class":165},[159,205,207,209,212,215,217,220,223,225,228],{"class":161,"line":206},3,[159,208,179],{"class":165},[159,210,211],{"class":169},"img",[159,213,214],{"class":185}," src",[159,216,189],{"class":165},[159,218,219],{"class":192},"\"image.jpg\"",[159,221,222],{"class":185}," alt",[159,224,189],{"class":165},[159,226,227],{"class":192},"\"説明テキスト\"",[159,229,173],{"class":165},[159,231,233,236,238],{"class":161,"line":232},4,[159,234,235],{"class":165},"\u003C\u002F",[159,237,170],{"class":169},[159,239,173],{"class":165},[50,241,243],{"id":242},"変換後はpagespeed-insightsで効果を確認する","変換後はPageSpeed Insightsで効果を確認する",[17,245,246],{},"変換前後でPageSpeed Insightsのスコアを比較することで、改善の効果を数値として確認できます。特にモバイルのスコアに注目しながら、優先度の高いページから順に対応を進めると効率的です。",[40,248],{},[12,250,252],{"id":251},"まとめ小さな変換が大きな差を生む","まとめ——小さな変換が、大きな差を生む",[17,254,255],{},"WebPへの変換は、特別な技術知識がなくても取り組めるSEO改善施策の一つです。ファイルサイズを削減することで、Core Web Vitalsの改善、ページ速度の向上、そしてユーザー体験の向上につながります。",[17,257,258,259,262],{},"「まずは手元の画像を一枚変換してみる」という小さな一歩から始めることが、継続的な改善への入り口になります。プライバシーを気にしながら手軽に試したい方は、ブラウザ内処理で動作する ",[102,260,107],{"href":104,"rel":261},[106]," を一度使ってみてください。ツールを使った体験を通じて、変換の効果を実感するのが一番の近道です。",[264,265,266],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":155,"searchDepth":176,"depth":176,"links":268},[269,270,275,276,281],{"id":14,"depth":176,"text":15},{"id":44,"depth":176,"text":45,"children":271},[272,273,274],{"id":52,"depth":206,"text":53},{"id":66,"depth":206,"text":67},{"id":77,"depth":206,"text":78},{"id":86,"depth":176,"text":87},{"id":123,"depth":176,"text":124,"children":277},[278,279,280],{"id":134,"depth":206,"text":134},{"id":140,"depth":206,"text":140},{"id":242,"depth":206,"text":243},{"id":251,"depth":176,"text":252},"tech",null,"WebPへの変換がSEOに与える効果を具体的に解説。ページ速度の改善やCore Web Vitalsへの影響、無料ツールを使った実践的な変換手順まで分かりやすく紹介します。",false,"md","ja",{},true,"\u002Fblog\u002Fwebp-convert-seo","2026-05-07",{"title":6,"description":284},"webp-convert-seo","blog\u002Fwebp-convert-seo",[296,297,298,299],"SEO","変換","Core Web Vitals","Web制作","ohRygyiARrZiiJTtMjcj1pIeCMmom8JQlMu5cJV0TS8",{"id":302,"title":303,"author":7,"body":304,"category":282,"coverImage":283,"description":548,"draft":285,"extension":286,"locale":287,"meta":549,"navigation":289,"noindex":285,"path":550,"publishedAt":551,"seo":552,"slug":553,"stem":554,"tags":555,"updatedAt":551,"__hash__":558},"blog\u002Fblog\u002Faudio-convert-intro.md","音声形式を変換する — \u002Ftools\u002Faudio-convert の思想と使い方",{"type":9,"value":305,"toc":537},[306,309,316,319,347,350,357,360,363,385,388,414,417,443,446,449,474,477,480,486,492,498,504,507],[17,307,308],{},"取材の録音を MP3 に揃えたい、古い WAV ファイルを容量節約のため M4A に変えたい、ポッドキャスト配信用の形式に統一したい。音声ファイルの形式変換は、取材者・編集者・音楽制作者が日常的に行う作業です。",[17,310,311,315],{},[102,312,314],{"href":313},"\u002Ftools\u002Faudio-convert","Zerosend の音声形式変換ツール"," は、この作業をブラウザ内で完結させます。",[12,317,318],{"id":318},"主なユースケース",[320,321,322,329,335,341],"ul",{},[323,324,325,328],"li",{},[21,326,327],{},"MP3 で圧縮配布",": WAV や FLAC などのマスター音源を MP3 に変換して容量を大幅に削減し、メールや共有リンクで配布しやすくする",[323,330,331,334],{},[21,332,333],{},"WAV で高音質保存",": 録音した音声インタビューや楽曲を非圧縮の WAV で保存し、後の編集作業に備える",[323,336,337,340],{},[21,338,339],{},"動画ファイルから MP3 を抽出",": 講演・ウェビナーの録画動画から音声トラックだけを取り出し、ポッドキャストや音声コンテンツとして再利用する",[323,342,343,346],{},[21,344,345],{},"形式の統一",": 複数人から集まった異なる形式の録音ファイルを、編集ソフトに合わせて一括で同一形式に変換する",[12,348,349],{"id":349},"なぜブラウザ内で変換するのか",[17,351,352,353,356],{},"録音された音声は、",[21,354,355],{},"発話の中身そのもの","を情報として持ちます。インタビュー対象者の声、打ち合わせでの発言、取材源の証言。これらを無料のオンライン変換サービスに預けることは、発話内容そのものを第三者のサーバーに預けることと同じです。",[17,358,359],{},"Zerosend は変換処理をローカルで行うため、音声ファイルが一切外に出ません。取材ソースの保護や NDA 下の音源加工でも安全に使えます。",[12,361,362],{"id":362},"使い方",[364,365,366,373,376,379,382],"ol",{},[323,367,368,372],{},[102,369,370],{"href":313},[145,371,313],{}," を開く",[323,374,375],{},"音声ファイルをドラッグ&ドロップ (複数可)",[323,377,378],{},"出力形式 (MP3 \u002F WAV \u002F M4A \u002F OGG) とビットレートを選択",[323,380,381],{},"「変換を開始する」をクリック",[323,383,384],{},"結果を ZIP でダウンロード",[12,386,387],{"id":387},"形式の選び方",[320,389,390,396,402,408],{},[323,391,392,395],{},[21,393,394],{},"MP3",": 最も汎用。ポッドキャスト・配信・共有の標準",[323,397,398,401],{},[21,399,400],{},"WAV",": 可逆 (ロスレス)。編集中のマスター音源・音楽制作用",[323,403,404,407],{},[21,405,406],{},"M4A (AAC)",": MP3 より圧縮効率が良い。iOS 環境で標準",[323,409,410,413],{},[21,411,412],{},"OGG (Vorbis)",": オープン形式。ゲーム・一部ブラウザで効率重視",[50,415,416],{"id":416},"ビットレートの目安",[320,418,419,425,431,437],{},[323,420,421,424],{},[21,422,423],{},"320 kbps",": 音質最優先 (MP3 の実用上限)",[323,426,427,430],{},[21,428,429],{},"192 kbps",": 標準品質。一般向け音声の定番",[323,432,433,436],{},[21,434,435],{},"128 kbps",": 容量優先。音声解説・ポッドキャスト",[323,438,439,442],{},[21,440,441],{},"96 kbps 以下",": 会話のみの録音など、音質より軽さ",[12,444,445],{"id":445},"仕組み",[17,447,448],{},"ffmpeg.wasm を使って再エンコードしています。",[320,450,451,454,468,471],{},[323,452,453],{},"入力音声を ffmpeg FS に書き込み",[323,455,456,457,460,461,460,464,467],{},"出力形式に応じたエンコーダ (",[145,458,459],{},"libmp3lame",", ",[145,462,463],{},"aac",[145,465,466],{},"libvorbis"," など) を指定",[323,469,470],{},"ビットレート・チャンネル数・サンプリングレートを設定",[323,472,473],{},"出力 Blob を生成してダウンロード",[17,475,476],{},"メタデータ (タイトル・アーティスト) は極力引き継ぎます。",[12,478,479],{"id":479},"よくある質問",[17,481,482,485],{},[21,483,484],{},"Q. 可逆 → 非可逆 (WAV → MP3) と 非可逆 → 非可逆 (MP3 → M4A) の違いは？","\nA. 非可逆 → 非可逆は二重に圧縮されるため音質がさらに劣化します。マスター音源 (WAV) から目的形式に直接変換するのをお勧めします。",[17,487,488,491],{},[21,489,490],{},"Q. 複数ファイルのバッチ変換は？","\nA. 対応しています。10〜20 ファイル程度を 1 バッチで処理するのが現実的です。",[17,493,494,497],{},[21,495,496],{},"Q. 動画から音声だけ抜き出したい","\nA. 動画ファイルを入力すれば音声トラックを抽出して指定形式で書き出します。",[17,499,500,503],{},[21,501,502],{},"Q. ビットレートを自由に指定できる？","\nA. プリセットから選ぶ方式です。細かい制御が必要なら別途専門ツールを検討してください。",[12,505,506],{"id":506},"関連ツール",[320,508,509,516,523,530],{},[323,510,511,515],{},[102,512,514],{"href":513},"\u002Ftools\u002Faudio-trim","音声トリミング"," — 変換前後の区間切り出し",[323,517,518,522],{},[102,519,521],{"href":520},"\u002Ftools\u002Fvideo-convert","動画形式変換"," — 動画側の形式変換",[323,524,525,529],{},[102,526,528],{"href":527},"\u002Ftools\u002Fvideo-trim","動画トリミング"," — 音声抽出前の動画整形",[323,531,532,536],{},[102,533,535],{"href":534},"\u002Ftools\u002Fvideo-compress","動画圧縮"," — 動画から音声を抽出する前に動画サイズを削減する",{"title":155,"searchDepth":176,"depth":176,"links":538},[539,540,541,542,545,546,547],{"id":318,"depth":176,"text":318},{"id":349,"depth":176,"text":349},{"id":362,"depth":176,"text":362},{"id":387,"depth":176,"text":387,"children":543},[544],{"id":416,"depth":206,"text":416},{"id":445,"depth":176,"text":445},{"id":479,"depth":176,"text":479},{"id":506,"depth":176,"text":506},"Zerosend の音声形式変換ツールは、MP3 \u002F WAV \u002F M4A \u002F FLAC \u002F OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-convert-intro","2026-04-20",{"title":303,"description":548},"audio-convert-intro","blog\u002Faudio-convert-intro",[556,297,557],"音声","ツール","OlXJ1MeL-A2cx6TnCW2yQ2e3upQHsBkoPqR_cseAvY8",{"id":560,"title":561,"author":7,"body":562,"category":282,"coverImage":283,"description":775,"draft":285,"extension":286,"locale":287,"meta":776,"navigation":289,"noindex":285,"path":777,"publishedAt":551,"seo":778,"slug":779,"stem":780,"tags":781,"updatedAt":551,"__hash__":783},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":9,"value":563,"toc":766},[564,567,570,596,603,606,609,612,619,622,624,643,645,671,678,680,687,709,717,719,725,731,737,743,745],[17,565,566],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[17,568,569],{},"よくあるユースケースを整理するとこうなります。",[320,571,572,578,584,590],{},[323,573,574,577],{},[21,575,576],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[323,579,580,583],{},[21,581,582],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[323,585,586,589],{},[21,587,588],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[323,591,592,595],{},[21,593,594],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[17,597,598,602],{},[102,599,601],{"href":600},"\u002Ftools\u002Fimage-convert","Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[12,604,605],{"id":605},"形式を変換したい主な理由",[17,607,608],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[12,610,611],{"id":611},"なぜブラウザ内で形式変換するのか",[17,613,614,615,618],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[21,616,617],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[17,620,621],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[12,623,362],{"id":362},[364,625,626,632,635,638,640],{},[323,627,628,372],{},[102,629,630],{"href":600},[145,631,600],{},[323,633,634],{},"画像をドラッグ&ドロップ (複数可)",[323,636,637],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[323,639,381],{},[323,641,642],{},"結果を ZIP でまとめてダウンロード",[12,644,387],{"id":387},[320,646,647,653,659,665],{},[323,648,649,652],{},[21,650,651],{},"JPEG",": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[323,654,655,658],{},[21,656,657],{},"PNG",": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[323,660,661,664],{},[21,662,663],{},"WebP",": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[323,666,667,670],{},[21,668,669],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[17,672,673,674,677],{},"ブログや EC で表示速度を気にするなら ",[21,675,676],{},"WebP 一択","と言って差し支えありません。",[12,679,445],{"id":445},[17,681,682,683,686],{},"Canvas API の ",[145,684,685],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[320,688,689,696,703],{},[323,690,691,692,695],{},"入力画像を ",[145,693,694],{},"\u003Cimg>"," として読み込み",[323,697,698,699,702],{},"同寸の ",[145,700,701],{},"\u003Ccanvas>"," に描画",[323,704,705,708],{},[145,706,707],{},"toBlob"," で出力形式と品質を指定して書き出し",[17,710,711,712,716],{},"HEIC 入力のみ別ツール (",[102,713,715],{"href":714},"\u002Ftools\u002Fheic-to-jpg","HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[12,718,479],{"id":479},[17,720,721,724],{},[21,722,723],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[17,726,727,730],{},[21,728,729],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[17,732,733,736],{},[21,734,735],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[17,738,739,742],{},[21,740,741],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[12,744,506],{"id":506},[320,746,747,754,761],{},[323,748,749,753],{},[102,750,752],{"href":751},"\u002Ftools\u002Fimage-compress","画像圧縮"," — 品質指定で再エンコードしてサイズ削減",[323,755,756,760],{},[102,757,759],{"href":758},"\u002Ftools\u002Fimage-resize","画像リサイズ"," — 形式変換と同時に寸法も揃えたいときは先にこちら",[323,762,763,765],{},[102,764,715],{"href":714}," — iPhone 写真専用の変換",{"title":155,"searchDepth":176,"depth":176,"links":767},[768,769,770,771,772,773,774],{"id":605,"depth":176,"text":605},{"id":611,"depth":176,"text":611},{"id":362,"depth":176,"text":362},{"id":387,"depth":176,"text":387},{"id":445,"depth":176,"text":445},{"id":479,"depth":176,"text":479},{"id":506,"depth":176,"text":506},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":561,"description":775},"image-convert-intro","blog\u002Fimage-convert-intro",[782,297,663,557],"画像","xN0-q4ewAvDZNl6TjIn0v_ArxA8uRFuMBmge7YzSp3k",{"id":785,"title":786,"author":7,"body":787,"category":282,"coverImage":283,"description":984,"draft":285,"extension":286,"locale":287,"meta":985,"navigation":289,"noindex":285,"path":986,"publishedAt":551,"seo":987,"slug":988,"stem":989,"tags":990,"updatedAt":551,"__hash__":992},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":9,"value":788,"toc":976},[789,792,798,800,826,829,831,838,845,847,870,872,878,909,912,914,920,931,937,946,948],[17,790,791],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[17,793,794,315],{},[102,795,797],{"href":796},"\u002Ftools\u002Fimage-to-pdf","Zerosend の画像 → PDF 変換ツール",[12,799,318],{"id":318},[320,801,802,808,814,820],{},[323,803,804,807],{},[21,805,806],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[323,809,810,813],{},[21,811,812],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[323,815,816,819],{},[21,817,818],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[323,821,822,825],{},[21,823,824],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[17,827,828],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[12,830,349],{"id":349},[17,832,833,834,837],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[21,835,836],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[17,839,840,841,844],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[21,842,843],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[12,846,362],{"id":362},[364,848,849,855,858,861,864,867],{},[323,850,851,372],{},[102,852,853],{"href":796},[145,854,796],{},[323,856,857],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[323,859,860],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[323,862,863],{},"並び順をドラッグで調整",[323,865,866],{},"「PDF 化を開始する」をクリック",[323,868,869],{},"1 つの PDF ファイルとしてダウンロード",[12,871,445],{"id":445},[17,873,874,877],{},[145,875,876],{},"pdf-lib"," を使って PDF を組み立てています。",[320,879,880,883,889,900,903],{},[323,881,882],{},"各画像を ArrayBuffer で読み込み",[323,884,885,888],{},[145,886,887],{},"PDFDocument.create()"," で新規ドキュメントを作成",[323,890,891,892,895,896,899],{},"ページごとに ",[145,893,894],{},"pdfDoc.embedJpg()"," または ",[145,897,898],{},"embedPng()"," で画像を埋め込み",[323,901,902],{},"ページサイズに合わせて自動で縮小・センタリング",[323,904,905,908],{},[145,906,907],{},".save()"," で最終的な PDF バイト列に",[17,910,911],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[12,913,479],{"id":479},[17,915,916,919],{},[21,917,918],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[17,921,922,925,926,930],{},[21,923,924],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[102,927,929],{"href":928},"\u002Ftools\u002Fimage-edit","画像編集"," で先に回転してから PDF 化してください。",[17,932,933,936],{},[21,934,935],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[17,938,939,942,943,945],{},[21,940,941],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[102,944,752],{"href":751}," してから投入すると、最終 PDF が軽くなります。",[12,947,506],{"id":506},[320,949,950,955,962,969],{},[323,951,952,954],{},[102,953,752],{"href":751}," — PDF 化前に画像を軽くする",[323,956,957,961],{},[102,958,960],{"href":959},"\u002Ftools\u002Fpdf-compress","PDF 圧縮"," — 生成した PDF をさらに軽くする",[323,963,964,968],{},[102,965,967],{"href":966},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[323,970,971,975],{},[102,972,974],{"href":973},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":155,"searchDepth":176,"depth":176,"links":977},[978,979,980,981,982,983],{"id":318,"depth":176,"text":318},{"id":349,"depth":176,"text":349},{"id":362,"depth":176,"text":362},{"id":445,"depth":176,"text":445},{"id":479,"depth":176,"text":479},{"id":506,"depth":176,"text":506},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":786,"description":984},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[991,782,297,557],"PDF","W4LB1AnTY2syLdRrdjvKSLPfsnRiA8kspm8q42K-X9g",{"id":994,"title":995,"author":7,"body":996,"category":282,"coverImage":283,"description":1214,"draft":285,"extension":286,"locale":287,"meta":1215,"navigation":289,"noindex":285,"path":1216,"publishedAt":551,"seo":1217,"slug":1218,"stem":1219,"tags":1220,"updatedAt":551,"__hash__":1221},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":9,"value":997,"toc":1204},[998,1001,1006,1009,1035,1037,1044,1047,1049,1068,1071,1091,1093,1099,1129,1132,1134,1145,1151,1157,1168,1180,1182],[17,999,1000],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[17,1002,1003,315],{},[102,1004,1005],{"href":973},"Zerosend の PDF → 画像変換ツール",[12,1007,1008],{"id":1008},"どんな場面で役立つか",[320,1010,1011,1017,1023,1029],{},[323,1012,1013,1016],{},[21,1014,1015],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[323,1018,1019,1022],{},[21,1020,1021],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[323,1024,1025,1028],{},[21,1026,1027],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[323,1030,1031,1034],{},[21,1032,1033],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[12,1036,349],{"id":349},[17,1038,1039,1040,1043],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[21,1041,1042],{},"アップロードされるのは PDF の全ページ","です。",[17,1045,1046],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[12,1048,362],{"id":362},[364,1050,1051,1057,1060,1063,1065],{},[323,1052,1053,372],{},[102,1054,1055],{"href":973},[145,1056,973],{},[323,1058,1059],{},"PDF をドラッグ&ドロップ",[323,1061,1062],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[323,1064,381],{},[323,1066,1067],{},"全ページの画像が ZIP で生成される",[50,1069,1070],{"id":1070},"解像度の目安",[320,1072,1073,1079,1085],{},[323,1074,1075,1078],{},[21,1076,1077],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[323,1080,1081,1084],{},[21,1082,1083],{},"150 DPI",": 画面で読む標準品質",[323,1086,1087,1090],{},[21,1088,1089],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[12,1092,445],{"id":445},[17,1094,1095,1098],{},[145,1096,1097],{},"pdfjs-dist"," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[320,1100,1101,1104,1110,1120,1126],{},[323,1102,1103],{},"PDF を ArrayBuffer として読み込み",[323,1105,1106,1109],{},[145,1107,1108],{},"getDocument()"," で解析",[323,1111,891,1112,1115,1116,1119],{},[145,1113,1114],{},"getPage(n)"," → ",[145,1117,1118],{},"render(ctx, viewport)"," で Canvas に描画",[323,1121,1122,1125],{},[145,1123,1124],{},"canvas.toBlob()"," で PNG \u002F JPEG 化",[323,1127,1128],{},"全ページを ZIP にまとめてダウンロード",[17,1130,1131],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[12,1133,479],{"id":479},[17,1135,1136,1139,1140,1144],{},[21,1137,1138],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[102,1141,1143],{"href":1142},"\u002Ftools\u002Fpdf-split","PDF 分割"," で該当ページだけ抽出してから変換するのが確実です。",[17,1146,1147,1150],{},[21,1148,1149],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[17,1152,1153,1156],{},[21,1154,1155],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[17,1158,1159,1162,1163,1167],{},[21,1160,1161],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[102,1164,1166],{"href":1165},"\u002Ftools\u002Fimage-merge","画像結合"," で結合してください。",[17,1169,1170,1173,1174,1176,1177,1179],{},[21,1171,1172],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[21,1175,657],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[21,1178,651],{}," が適しています。",[12,1181,506],{"id":506},[320,1183,1184,1189,1194,1199],{},[323,1185,1186,1188],{},[102,1187,1143],{"href":1142}," — 変換前に必要なページだけ抽出",[323,1190,1191,1193],{},[102,1192,960],{"href":959}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[323,1195,1196,1198],{},[102,1197,752],{"href":751}," — 変換後の画像サイズをさらに削減",[323,1200,1201,1203],{},[102,1202,1166],{"href":1165}," — 変換した複数ページを 1 枚にまとめる",{"title":155,"searchDepth":176,"depth":176,"links":1205},[1206,1207,1208,1211,1212,1213],{"id":1008,"depth":176,"text":1008},{"id":349,"depth":176,"text":349},{"id":362,"depth":176,"text":362,"children":1209},[1210],{"id":1070,"depth":206,"text":1070},{"id":445,"depth":176,"text":445},{"id":479,"depth":176,"text":479},{"id":506,"depth":176,"text":506},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":995,"description":1214},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[991,782,297,557],"71aq4s1WD6fPtxZpe1EQB5VFETOk05HeofsZ6n-nTXM",{"id":1223,"title":1224,"author":7,"body":1225,"category":282,"coverImage":283,"description":1396,"draft":285,"extension":286,"locale":287,"meta":1397,"navigation":289,"noindex":285,"path":1398,"publishedAt":551,"seo":1399,"slug":1400,"stem":1401,"tags":1402,"updatedAt":551,"__hash__":1404},"blog\u002Fblog\u002Fvideo-convert-intro.md","動画形式を変換する — \u002Ftools\u002Fvideo-convert の思想と使い方",{"type":9,"value":1226,"toc":1387},[1227,1230,1236,1238,1245,1248,1250,1269,1272,1292,1296,1303,1305,1308,1329,1332,1334,1340,1346,1352,1362,1368,1370],[17,1228,1229],{},"iPhone で撮った MOV を Windows に送りたい、古いビデオカメラの AVI を YouTube に上げたい、ウェブサイト掲載用に WebM 形式に変換して読み込みを軽くしたい。動画の形式変換は、互換性問題を解決する定番作業です。MP4 は最も互換性が高く、迷ったらまず MP4 を選ぶのが安全です。WebM は Chrome \u002F Firefox での再生効率が良く、ウェブページ埋め込みに適しています。",[17,1231,1232,1235],{},[102,1233,1234],{"href":520},"Zerosend の動画形式変換ツール"," は、この変換をブラウザ内で完結させます。",[12,1237,349],{"id":349},[17,1239,1240,1241,1244],{},"動画ファイルは、内容がどのようなものであっても",[21,1242,1243],{},"撮影者・被写体・撮影場所","という 3 種の個人情報を常に含みます。結婚式の映像、社内イベントの録画、研修動画、顧客インタビュー。これらを無料のオンライン変換サービスに預けることは、映像を第三者のサーバーに一時的に置くことと同じです。",[17,1246,1247],{},"Zerosend では変換処理がローカルで完結するため、この構造的リスクを回避できます。",[12,1249,362],{"id":362},[364,1251,1252,1258,1261,1264,1266],{},[323,1253,1254,372],{},[102,1255,1256],{"href":520},[145,1257,520],{},[323,1259,1260],{},"動画ファイルをドラッグ&ドロップ",[323,1262,1263],{},"出力形式 (MP4 \u002F WebM) を選ぶ",[323,1265,381],{},[323,1267,1268],{},"ダウンロード",[12,1270,1271],{"id":1271},"形式の使い分け",[320,1273,1274,1280,1286],{},[323,1275,1276,1279],{},[21,1277,1278],{},"MP4 (H.264 + AAC)",": 汎用。ブラウザ・デバイス・SNS すべてで最も広く対応",[323,1281,1282,1285],{},[21,1283,1284],{},"WebM (VP9 + Opus)",": ブラウザネイティブ。ウェブサイト掲載で効率が良い",[323,1287,1288,1291],{},[21,1289,1290],{},"互換性優先なら MP4",": 疑問があれば MP4 を選ぶのが安全",[12,1293,1295],{"id":1294},"ffmpegwasm-によるブラウザ内処理","ffmpeg.wasm によるブラウザ内処理",[17,1297,1298,1299,1302],{},"本ツールは ",[21,1300,1301],{},"ffmpeg.wasm"," を使ってブラウザ上で動画を変換します。ffmpeg.wasm は、動画処理の業界標準ツール「FFmpeg」を WebAssembly にコンパイルしたものです。サーバーへのアップロードは一切発生せず、すべての処理があなたの端末のメモリ上で完結します。初回アクセス時に約 30MB の WASM ファイルを読み込みます。",[12,1304,445],{"id":445},[17,1306,1307],{},"ffmpeg.wasm の再エンコードを利用しています。",[320,1309,1310,1313,1323,1326],{},[323,1311,1312],{},"入力動画を ffmpeg FS に書き込み",[323,1314,1315,1318,1319,1322],{},[145,1316,1317],{},"-c:v libx264 -c:a aac"," (MP4) または ",[145,1320,1321],{},"-c:v libvpx-vp9 -c:a libopus"," (WebM) で再エンコード",[323,1324,1325],{},"出力を Blob としてメモリに展開",[323,1327,1328],{},"ダウンロード用 URL を生成",[17,1330,1331],{},"再エンコードのため処理時間は入力の長さに比例します。30 秒の動画で数秒〜数十秒が目安です。",[12,1333,479],{"id":479},[17,1335,1336,1339],{},[21,1337,1338],{},"Q. 変換すると画質は落ちますか？","\nA. 再エンコードするため、理論上は多少劣化します。ただし本ツールのプリセットは実用レベルでは視覚的にほぼわからない品質設定です。",[17,1341,1342,1345],{},[21,1343,1344],{},"Q. 音声は変換後も保持されますか？","\nA. はい。MP4 では AAC、WebM では Opus コーデックで音声を保持します。",[17,1347,1348,1351],{},[21,1349,1350],{},"Q. コーデック指定や高度なオプションを変えたい","\nA. 本ツールは一般用途向けのプリセットで固定しています。細かい制御が必要なら、別のプロフェッショナル向けツールを検討してください。",[17,1353,1354,1357,1358,1361],{},[21,1355,1356],{},"Q. 音声のみ抽出したい","\nA. ",[102,1359,1360],{"href":313},"音声形式変換"," をお使いください。",[17,1363,1364,1367],{},[21,1365,1366],{},"Q. 対応していない入力形式","\nA. ffmpeg がサポートする範囲ですが、特殊コーデック (Pro Res \u002F DNxHD など) は未対応の場合があります。",[12,1369,506],{"id":506},[320,1371,1372,1377,1382],{},[323,1373,1374,1376],{},[102,1375,535],{"href":534}," — 変換と同時にサイズも削減したいとき",[323,1378,1379,1381],{},[102,1380,528],{"href":527}," — 変換前に必要な区間だけ切り出す",[323,1383,1384,1386],{},[102,1385,1360],{"href":313}," — 動画から音声だけ抽出して変換",{"title":155,"searchDepth":176,"depth":176,"links":1388},[1389,1390,1391,1392,1393,1394,1395],{"id":349,"depth":176,"text":349},{"id":362,"depth":176,"text":362},{"id":1271,"depth":176,"text":1271},{"id":1294,"depth":176,"text":1295},{"id":445,"depth":176,"text":445},{"id":479,"depth":176,"text":479},{"id":506,"depth":176,"text":506},"Zerosend の動画形式変換ツールは、MOV \u002F WebM \u002F MKV \u002F AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-convert-intro",{"title":1224,"description":1396},"video-convert-intro","blog\u002Fvideo-convert-intro",[1403,297,557],"動画","uen8HCCs7nwIfruqSzlnOQeM7PeUONPCTqhbCV48i8I",1778757806067]