[{"data":1,"prerenderedAt":16163},["ShallowReactive",2],{"blog-\u002Fblog\u002Fgif-vs-video-web-usage":3,"blog-list-ja":460},{"id":4,"title":5,"author":6,"body":7,"category":441,"coverImage":442,"description":443,"draft":444,"extension":445,"locale":446,"meta":447,"navigation":448,"noindex":444,"path":449,"publishedAt":450,"seo":451,"slug":452,"stem":453,"tags":454,"updatedAt":450,"__hash__":459},"blog\u002Fblog\u002Fgif-vs-video-web-usage.md","GIFと動画の違いとウェブでの使い分け完全ガイド","Zerosend Editorial",{"type":8,"value":9,"toc":421},"minimark",[10,14,17,20,25,30,38,41,61,65,72,83,113,115,119,123,147,151,171,174,309,311,315,318,321,324,327,335,338,352,355,357,360,366,382,388,394,396,399,402,418],[11,12,13],"p",{},"Webサイトの制作や運用をしていると、「この動きのある素材、GIFで使うべきか、動画で使うべきか」と迷う場面がある。どちらも「動く」という点では同じに見えるが、仕組みもファイルサイズも、ブラウザでの扱われ方も大きく異なる。選択を誤ると、ページの読み込みが遅くなったり、逆に意図した表示ができなかったりする。",[11,15,16],{},"この記事では、GIFと動画の技術的な差異を整理したうえで、ウェブ制作・ビジネス用途でどちらを選ぶべきかの判断基準を具体的に示す。",[18,19],"hr",{},[21,22,24],"h2",{"id":23},"gifと動画mp4webmの技術的な違い","GIFと動画（MP4\u002FWebM）の技術的な違い",[26,27,29],"h3",{"id":28},"gifとは何か","GIFとは何か",[11,31,32,33,37],{},"GIF（Graphics Interchange Format）は1987年にCompServeが策定した画像フォーマットで、最大256色までの静止画または複数フレームのアニメーションを1ファイルに格納できる。仕様上、動画コーデックではなく",[34,35,36],"strong",{},"画像フォーマット","として定義されており、音声トラックを持てない。",[11,39,40],{},"ファイルの特性として以下が挙げられる。",[42,43,44,48,51,58],"ul",{},[45,46,47],"li",{},"色深度が8ビット（最大256色）に制限される",[45,49,50],{},"フレームを並べる構造のため、圧縮効率が低い",[45,52,53,57],{},[54,55,56],"code",{},"\u003Cimg>"," タグで直接埋め込める（JavaScriptや追加APIが不要）",[45,59,60],{},"自動再生・ループが多くのメール・チャットツールで標準対応している",[26,62,64],{"id":63},"動画フォーマットmp4webmとの差異","動画フォーマット（MP4・WebM）との差異",[11,66,67,68,71],{},"MP4（H.264\u002FH.265コーデック）やWebM（VP8\u002FVP9\u002FAV1コーデック）は、映像を時間軸で圧縮する",[34,69,70],{},"動画フォーマット","だ。フレーム間の差分だけを記録する手法（インターフレーム圧縮）により、GIFと比べて圧倒的に高い圧縮効率を持つ。",[11,73,74,75,82],{},"Googleの公式ドキュメント（",[76,77,81],"a",{"href":78,"rel":79},"https:\u002F\u002Fweb.dev\u002Farticles\u002Freplace-gifs-with-videos",[80],"nofollow","web.dev: Replace animated GIFs with video","）は、「アニメーションGIFをMP4に置き換えるだけでファイルサイズを最大80%削減できる」と明記している。",[11,84,85,86,95,96,98,99,102,103,102,106,102,109,112],{},"また、",[76,87,90,91,94],{"href":88,"rel":89},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FHTML\u002FReference\u002FElements\u002Fvideo",[80],"MDN Web Docs の ",[54,92,93],{},"\u003Cvideo>"," 要素の解説","でも確認できるとおり、",[54,97,93],{}," タグは ",[54,100,101],{},"autoplay","・",[54,104,105],{},"loop",[54,107,108],{},"muted",[54,110,111],{},"playsinline"," 属性を組み合わせることで、GIFと視覚的に同等の「自動ループ再生」を実現できる。",[18,114],{},[21,116,118],{"id":117},"ウェブでの使い分けどちらを選ぶべきか","ウェブでの使い分け：どちらを選ぶべきか",[26,120,122],{"id":121},"gifが適しているケース","GIFが適しているケース",[124,125,126,135,141],"ol",{},[45,127,128,131,132,134],{},[34,129,130],{},"メール本文・チャットツール（Slack・Teams等）への埋め込み","　多くのメールクライアントや業務チャットは ",[54,133,93],{}," タグを解釈しないため、GIFが唯一の「動くコンテンツ」になる。",[45,136,137,140],{},[34,138,139],{},"SNS投稿（Twitter\u002FX・LINEなど）","　プラットフォーム側が内部的にGIFをMP4に変換して配信するケースもあるが、ユーザーがGIFをドラッグ&ドロップしやすい文化が根付いている。",[45,142,143,146],{},[34,144,145],{},"短い・シンプルなアニメーション（ローディングスピナーなど）","　色数が少なく2〜3秒以内のループアニメーションは、GIFでもファイルサイズを抑えられる。",[26,148,150],{"id":149},"動画mp4webmが適しているケース","動画（MP4\u002FWebM）が適しているケース",[124,152,153,159,165],{},[45,154,155,158],{},[34,156,157],{},"ウェブページへの埋め込み","　ページ速度（Core Web Vitals の LCP や TBT）に影響するため、大きなアニメーション素材は必ず動画形式を選ぶ。",[45,160,161,164],{},[34,162,163],{},"色数が多い・リアルな映像素材","　写真やスクリーンキャプチャを含む動きのある素材は、GIFの256色制限で品質が著しく劣化する。",[45,166,167,170],{},[34,168,169],{},"音声付きコンテンツ","　GIFは音声を持てないため、ナレーションやBGMが必要な場合は動画一択。",[26,172,173],{"id":173},"比較表",[175,176,177,196],"table",{},[178,179,180],"thead",{},[181,182,183,187,190,193],"tr",{},[184,185,186],"th",{},"項目",[184,188,189],{},"GIF",[184,191,192],{},"MP4（H.264）",[184,194,195],{},"WebM（VP9）",[197,198,199,213,226,239,254,265,283,297],"tbody",{},[181,200,201,205,208,211],{},[202,203,204],"td",{},"色深度",[202,206,207],{},"8bit（256色）",[202,209,210],{},"フルカラー",[202,212,210],{},[181,214,215,218,221,224],{},[202,216,217],{},"音声",[202,219,220],{},"非対応",[202,222,223],{},"対応",[202,225,223],{},[181,227,228,231,234,237],{},[202,229,230],{},"圧縮効率",[202,232,233],{},"低い",[202,235,236],{},"高い",[202,238,236],{},[181,240,241,246,249,252],{},[202,242,243,245],{},[54,244,56],{}," タグ対応",[202,247,248],{},"○",[202,250,251],{},"✗",[202,253,251],{},[181,255,256,259,261,263],{},[202,257,258],{},"メール埋め込み",[202,260,248],{},[202,262,251],{},[202,264,251],{},[181,266,267,270,273,279],{},[202,268,269],{},"ブラウザ自動再生",[202,271,272],{},"自動",[202,274,275,278],{},[54,276,277],{},"autoplay muted"," で可",[202,280,281,278],{},[54,282,277],{},[181,284,285,288,291,294],{},[202,286,287],{},"典型的なファイルサイズ（5秒）",[202,289,290],{},"3〜15MB",[202,292,293],{},"0.3〜2MB",[202,295,296],{},"0.2〜1.5MB",[181,298,299,302,305,307],{},[202,300,301],{},"送信先サーバー（外部ツール利用時）",[202,303,304],{},"ツール依存",[202,306,304],{},[202,308,304],{},[18,310],{},[21,312,314],{"id":313},"gifへの変換が必要なときの具体的な手順","GIFへの変換が必要なときの具体的な手順",[11,316,317],{},"「動画素材はあるが、メールやSlack用にGIFにしたい」というケースは業務でも頻繁に発生する。以下に一般的な方法と、プライバシーを重視する場合の方法を示す。",[26,319,320],{"id":320},"一般的なオンラインツールを使う場合の注意点",[11,322,323],{},"Smallpdf・EZGIF・CloudConvertなどのオンラインツールは手軽だが、ファイルをサーバーにアップロードして処理する。機密性のある操作画面のキャプチャや社内資料の動画を変換する際には、サーバー側でのデータ保持期間やプライバシーポリシーの確認が必要になる。",[26,325,326],{"id":326},"ブラウザ内だけで完結させる方法",[11,328,329,330,334],{},"サーバーにファイルを送りたくない場合、",[76,331,333],{"href":332},"\u002Ftools\u002Fvideo-to-gif","動画 → GIF 変換ツール","を利用する選択肢がある。ffmpeg.wasm をブラウザ上で動かす仕組みで、アップロードは発生せず変換処理がすべてローカルで完結する。DevTools の Network タブを開いて確認すれば、動画ファイルの外部送信が行われていないことを自分で検証できる。",[11,336,337],{},"操作手順は単純だ。",[124,339,340,343,346,349],{},[45,341,342],{},"ページを開き、変換したい動画ファイルをドラッグ&ドロップする",[45,344,345],{},"開始時間・終了時間・フレームレート・幅を指定する",[45,347,348],{},"「変換」ボタンを押してブラウザ内で処理を待つ",[45,350,351],{},"生成されたGIFをダウンロードする",[11,353,354],{},"初回アクセス時に ffmpeg.wasm のロードで数秒かかるが、以降はオフライン環境でも動作する。",[18,356],{},[21,358,359],{"id":359},"よくある質問",[11,361,362,365],{},[34,363,364],{},"Q. GIFのファイルサイズを小さくするにはどうすればよいですか？","\nフレームレートを下げる（24fps → 10fps）・幅を縮小する・再生時間を短くする、の3つが最も効果的。色数が少ない素材を選ぶことも重要。",[11,367,368,375,376,378,379,381],{},[34,369,370,371,374],{},"Q. ",[54,372,373],{},"\u003Cvideo autoplay muted loop playsinline>"," でGIF代替をする際の注意点は？","\niOS Safariでは ",[54,377,111],{}," がないとフルスクリーン再生になるため必須。また、",[54,380,108],{}," がないと多くのブラウザで自動再生がブロックされる。",[11,383,384,387],{},[34,385,386],{},"Q. SNSに投稿するならGIFとMP4のどちらが良いですか？","\nTwitter\u002FX はGIFをアップロードすると内部的にMP4に変換して配信するため、品質面ではMP4で直接投稿する方が有利。ただし投稿インターフェースの使いやすさからGIFが使われる場面も多い。",[11,389,390,393],{},[34,391,392],{},"Q. アニメーションにWebPやAVIFは使えますか？","\nアニメーションWebP・アニメーションAVIFはいずれもGIFの代替として仕様上サポートされているが、ブラウザ対応状況やツールのサポートがGIF・動画と比べてまだ限定的。2025年時点では本番環境での採用には慎重な動作確認が必要。",[18,395],{},[21,397,398],{"id":398},"まとめ",[11,400,401],{},"GIFと動画の使い分けは「どこで再生されるか」で決まる。",[42,403,404,413],{},[45,405,406,412],{},[34,407,408,409,411],{},"ウェブページへの埋め込み → MP4\u002FWebMを ",[54,410,93],{}," タグで使う","（ページ速度・画質の両面で優位）",[45,414,415],{},[34,416,417],{},"メール・チャット・SNS → GIFが現実的な選択肢",[11,419,420],{},"動画からGIFへの変換が必要な場面では、ファイルをサーバーに送信するかどうかを意識して、用途に合ったツールを選ぶと良い。変換の品質やプライバシーの要件が厳しい場合は、ブラウザ内完結のツールを検討する価値がある。",{"title":422,"searchDepth":423,"depth":423,"links":424},"",2,[425,430,435,439,440],{"id":23,"depth":423,"text":24,"children":426},[427,429],{"id":28,"depth":428,"text":29},3,{"id":63,"depth":428,"text":64},{"id":117,"depth":423,"text":118,"children":431},[432,433,434],{"id":121,"depth":428,"text":122},{"id":149,"depth":428,"text":150},{"id":173,"depth":428,"text":173},{"id":313,"depth":423,"text":314,"children":436},[437,438],{"id":320,"depth":428,"text":320},{"id":326,"depth":428,"text":326},{"id":359,"depth":423,"text":359},{"id":398,"depth":423,"text":398},"tech",null,"GIFと動画（MP4など）の技術的な違いを整理し、ウェブサイトやSNSでの最適な使い分け方を解説。変換方法やパフォーマンスへの影響も紹介。",false,"md","ja",{},true,"\u002Fblog\u002Fgif-vs-video-web-usage","2026-05-22",{"title":5,"description":443},"gif-vs-video-web-usage","blog\u002Fgif-vs-video-web-usage",[455,456,457,458],"動画","変換","Web制作","技術解説","UbKHJfcawtABaxZwwp31q7ki7cWZEAIgI3xeRV83dlc",[461,817,1127,1448,1745,2064,2596,2892,3286,3583,3959,4292,4642,4958,5253,5557,5714,5908,6466,7170,7702,7949,8192,8408,8622,8845,9061,9260,9464,9932,10163,10354,10574,10804,11037,11276,11452,11700,11904,12205,12999,13214,13891,14656,15468,15849,15928],{"id":462,"title":463,"author":6,"body":464,"category":441,"coverImage":442,"description":805,"draft":444,"extension":445,"locale":446,"meta":806,"navigation":448,"noindex":444,"path":807,"publishedAt":808,"seo":809,"slug":810,"stem":811,"tags":812,"updatedAt":808,"__hash__":816},"blog\u002Fblog\u002Fmp3-cut-trim-online.md","MP3をオンラインで無料カット・トリミングする方法【ブラウザ完結】",{"type":8,"value":465,"toc":792},[466,470,473,480,483,485,489,492,582,585,588,599,606,608,611,624,627,634,643,645,649,656,659,687,692,695,715,718,720,724,730,736,742,748,754,756,758,761,789],[21,467,469],{"id":468},"mp3のカットトリミングでよくある悩み","MP3のカット・トリミングでよくある悩み",[11,471,472],{},"「BGM の冒頭だけ切り出したい」「録音ファイルの余白を削りたい」――MP3 をちょっとだけ編集したいだけなのに、専用ソフトをインストールするのは手間がかかる。そう感じてオンラインツールを検索した経験がある人は多いだろう。",[11,474,475,476,479],{},"ところが、オンラインの音声編集ツールには見落とされがちなリスクがある。",[34,477,478],{},"ファイルをサーバーにアップロードする仕組みになっているツールが大半","で、会議の録音・社内ナレーション・未公開の音楽素材といった機密性の高いデータを扱う場合は注意が必要だ。利用規約によっては、アップロードされたファイルがサービス改善に使われる可能性もゼロではない。",[11,481,482],{},"この記事では、まず一般的なトリミング方法を整理し、その後にプライバシーリスクを抑えられる選択肢を紹介する。",[18,484],{},[21,486,488],{"id":487},"オンラインmp3カットの主な方法と比較","オンラインMP3カットの主な方法と比較",[11,490,491],{},"現在よく使われるオンライン音声トリミングツールを整理すると、大きく「サーバー処理型」と「ブラウザ処理型」の2種類に分かれる。",[175,493,494,513],{},[178,495,496],{},[181,497,498,501,504,507,510],{},[184,499,500],{},"ツール",[184,502,503],{},"処理場所",[184,505,506],{},"無料利用",[184,508,509],{},"ファイルサイズ上限",[184,511,512],{},"アカウント不要",[197,514,515,532,546,561],{},[181,516,517,520,523,526,529],{},[202,518,519],{},"Clideo",[202,521,522],{},"サーバー",[202,524,525],{},"一部無料（透かし付き）",[202,527,528],{},"500 MB",[202,530,531],{},"△（ログイン推奨）",[181,533,534,537,539,542,544],{},[202,535,536],{},"mp3cut.net",[202,538,522],{},[202,540,541],{},"無料",[202,543,528],{},[202,545,248],{},[181,547,548,551,554,556,559],{},[202,549,550],{},"Audacity（Desktop）",[202,552,553],{},"ローカル",[202,555,541],{},[202,557,558],{},"制限なし",[202,560,248],{},[181,562,563,571,574,577,580],{},[202,564,565,570],{},[76,566,569],{"href":567,"rel":568},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Faudio-trim",[80],"音声トリミングツール","（zerosend）",[202,572,573],{},"ブラウザ内",[202,575,576],{},"完全無料",[202,578,579],{},"ブラウザメモリ依存",[202,581,248],{},[11,583,584],{},"サーバー処理型はインターフェースが洗練されていることが多く、手軽に使える反面、ファイルが外部に送信される点は変わらない。デスクトップ版 Audacity はローカル処理で信頼性が高いが、インストールと学習コストがかかる。",[26,586,587],{"id":587},"サーバー処理型ツールを使う際のチェックポイント",[42,589,590,593,596],{},[45,591,592],{},"プライバシーポリシーに「ファイルの保存期間」が明記されているか",[45,594,595],{},"HTTPS 通信が確保されているか",[45,597,598],{},"無料プランに透かし（ウォーターマーク）が入らないか",[11,600,601,602,605],{},"一般的な音楽素材やポッドキャストの編集であれば、サーバー処理型でも大きな問題はない。ただし、",[34,603,604],{},"業務上の音声データや個人情報を含むファイルは慎重に扱う必要がある","。",[18,607],{},[21,609,610],{"id":610},"ブラウザ内だけで完結するトリミングの仕組み",[11,612,613,614,619,620,623],{},"近年、",[76,615,618],{"href":616,"rel":617},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWebAssembly",[80],"WebAssembly（WASM）"," の普及により、従来はサーバーサイドでしか動かせなかった重い処理をブラウザ内で実行できるようになった。ffmpeg を WebAssembly にコンパイルした ",[34,621,622],{},"ffmpeg.wasm"," を使えば、MP3 のカット・変換・エンコードをすべてクライアント側で処理できる。",[11,625,626],{},"この仕組みを採用したツールでは、ファイルがネットワーク経由でどこかのサーバーに送られることはない。ブラウザの開発者ツール（DevTools）の「Network」タブを開きながら処理を実行しても、音声ファイルのアップロードリクエストが発生しないことで確認できる。",[11,628,629],{},[630,631],"img",{"alt":632,"src":633},"スクショ: DevTools の Network タブでアップロードリクエストが0件であることを確認","TODO-screenshot",[11,635,636,637,642],{},"WebAssembly の仕様については ",[76,638,641],{"href":639,"rel":640},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fwasm-core-2\u002F",[80],"W3C の公式ドキュメント"," でも詳しく解説されている。",[18,644],{},[21,646,648],{"id":647},"zerosend-の音声トリミングツールを使った手順","zerosend の音声トリミングツールを使った手順",[11,650,651,652,655],{},"zerosend が提供する",[76,653,569],{"href":567,"rel":654},[80],"は、ffmpeg.wasm を使ったブラウザ内処理型のツールだ。登録不要・完全無料で利用できる。",[26,657,658],{"id":658},"基本的な操作手順",[124,660,661,669,675,681],{},[45,662,663,666,668],{},[34,664,665],{},"ページを開く",[54,667,567],{}," にアクセスする。初回はWASMのロードに数秒かかる場合がある。",[45,670,671,674],{},[34,672,673],{},"ファイルを選択する","\n「ファイルを選択」ボタンをクリックするか、MP3ファイルをドラッグ＆ドロップする。対応フォーマットはMP3のほかWAV・M4Aなど主要な音声形式。",[45,676,677,680],{},[34,678,679],{},"トリミング範囲を指定する","\n波形ビューア上でスタート位置とエンド位置をドラッグして設定する。秒数を直接入力することも可能。",[45,682,683,686],{},[34,684,685],{},"処理を実行・ダウンロードする","\n「トリミング」ボタンをクリックすると、ブラウザ内で処理が始まる。完了後にダウンロードボタンが表示され、ファイルをローカルに保存できる。",[11,688,689],{},[630,690],{"alt":691,"src":633},"スクショ: 音声トリミングツールの波形ビューアとトリミング操作画面",[26,693,694],{"id":694},"向いているユースケース",[42,696,697,703,709],{},[45,698,699,702],{},[34,700,701],{},"会議・インタビュー録音の必要部分だけ切り出し",": ファイルを外部に出せない業務シーンに適している。",[45,704,705,708],{},[34,706,707],{},"ポッドキャスト・動画用BGMの尺合わせ",": 曲の前後の無音部分を削るだけなら数十秒で完結する。",[45,710,711,714],{},[34,712,713],{},"SE・効果音の素材トリミング",": ゲーム開発や動画編集で使う短いクリップを切り出す用途にも対応。",[11,716,717],{},"処理後のファイルはブラウザのメモリ上にのみ存在し、ダウンロード後にページを閉じれば痕跡は残らない。",[18,719],{},[21,721,723],{"id":722},"よくある質問faq","よくある質問（FAQ）",[11,725,726,729],{},[34,727,728],{},"Q1. 無料で使える容量・回数に制限はあるか？","\nzerosend の音声トリミングツールに回数制限はない。ただし、処理できるファイルサイズはブラウザに割り当てられたメモリに依存するため、数百MB を超える長時間録音ファイルは分割してから処理するとよい。",[11,731,732,735],{},[34,733,734],{},"Q2. MP3以外の形式（WAV、AAC、M4A）にも対応しているか？","\nffmpeg.wasm ベースのため、WAV・M4A・OGG など主要な音声フォーマットに対応している。出力フォーマットもMP3で書き出せる。",[11,737,738,741],{},[34,739,740],{},"Q3. オフラインでも使えるか？","\nzerosend は Service Worker によるキャッシュを実装しており、初回ロード後はオフライン環境でも動作する。社内ネットワークが不安定な環境でも利用しやすい。",[11,743,744,747],{},[34,745,746],{},"Q4. スマートフォンのブラウザでも動くか？","\nChrome・Safari の最新版であれば iOS・Android でも動作する。ただし、モバイル端末はメモリ制約が厳しいため、大きなファイルを扱う場合はPCでの利用を推奨する。",[11,749,750,753],{},[34,751,752],{},"Q5. トリミング後のファイルが本当にサーバーに送られていないか確認する方法は？","\nChrome DevTools を開き（F12）、「Network」タブを選択した状態でトリミングを実行する。音声ファイルに対するPOSTリクエストが発生しなければ、ブラウザ内処理のみで完了していることを確認できる。",[18,755],{},[21,757,398],{"id":398},[11,759,760],{},"MP3 のカット・トリミングをオンラインで行う方法は複数存在するが、ファイルの機密性や用途によって適切なツールは異なる。",[42,762,763,773,783],{},[45,764,765,768,769,772],{},[34,766,767],{},"手軽さ優先"," かつ ",[34,770,771],{},"一般的なコンテンツ"," → mp3cut.net などサーバー処理型",[45,774,775,778,779,782],{},[34,776,777],{},"プライバシー重視"," または ",[34,780,781],{},"業務データを扱う"," → ブラウザ内処理型を選ぶ",[45,784,785,788],{},[34,786,787],{},"高度な編集が必要"," → Audacity などデスクトップソフト",[11,790,791],{},"ブラウザ内処理型は WebAssembly の普及で実用レベルに達しており、登録不要・無料で使える選択肢が増えている。用途に合ったツールを選ぶ際の判断基準として、「ファイルの送信先はどこか」という視点を持っておくと、意図しないデータ漏洩リスクを減らせる。",{"title":422,"searchDepth":423,"depth":423,"links":793},[794,795,798,799,803,804],{"id":468,"depth":423,"text":469},{"id":487,"depth":423,"text":488,"children":796},[797],{"id":587,"depth":428,"text":587},{"id":610,"depth":423,"text":610},{"id":647,"depth":423,"text":648,"children":800},[801,802],{"id":658,"depth":428,"text":658},{"id":694,"depth":428,"text":694},{"id":722,"depth":423,"text":723},{"id":398,"depth":423,"text":398},"MP3のカット・トリミングをオンラインで無料で行う方法を解説。サーバーに送信しないブラウザ内処理ツールの使い方や注意点も紹介。",{},"\u002Fblog\u002Fmp3-cut-trim-online","2026-06-02",{"title":463,"description":805},"mp3-cut-trim-online","blog\u002Fmp3-cut-trim-online",[217,813,814,815],"トリミング","プライバシー","ブラウザ","LJyRsY9FYZFVe9DalfHvQape4NKw5YAKwHFVNKxdGqA",{"id":818,"title":819,"author":6,"body":820,"category":441,"coverImage":442,"description":1117,"draft":444,"extension":445,"locale":446,"meta":1118,"navigation":448,"noindex":444,"path":1119,"publishedAt":1120,"seo":1121,"slug":1122,"stem":1123,"tags":1124,"updatedAt":1120,"__hash__":1126},"blog\u002Fblog\u002Faudio-format-mp3-aac-comparison.md","音声フォーマット徹底比較：MP3・AAC・WAVの違いと変換方法",{"type":8,"value":821,"toc":1104},[822,826,829,832,835,844,847,849,852,967,976,978,981,985,988,994,997,1000,1003,1006,1008,1011,1014,1025,1034,1037,1054,1059,1062,1064,1066,1092,1101],[21,823,825],{"id":824},"mp3aacwavどれを選ぶべきか","MP3・AAC・WAV——どれを選ぶべきか",[11,827,828],{},"音声ファイルを扱う場面で必ず直面するのが「フォーマット選び」だ。動画の書き出し設定、ポッドキャストのアップロード、BGMの埋め込み——それぞれの場面で求められる形式が異なり、間違ったフォーマットを選ぶとファイルサイズが無駄に大きくなったり、プラットフォームに弾かれたりする。",[11,830,831],{},"まず三大フォーマットの基本をおさえる。",[11,833,834],{},"**MP3（MPEG-1 Audio Layer III）**は1990年代後半から普及した非可逆圧縮形式。対応機器・サービスが最も広く、128〜320 kbpsの範囲でビットレートを指定できる。音質はビットレートに依存するが、320 kbps なら一般的なリスナーには判別困難なレベルに達する。ただし非可逆圧縮のため、変換を繰り返すたびに音質が劣化する点は押さえておきたい。",[11,836,837,838,778,841,605],{},"**AAC（Advanced Audio Coding）**はMP3の後継として設計された非可逆圧縮形式。同じビットレートでもMP3より音質が高く、iTunes・Apple Music・YouTube などの主要プラットフォームが標準採用している。特に低ビットレート（96 kbps 以下）での劣化がMP3より少ないため、ストリーミング配信に向く。拡張子は ",[54,839,840],{},".m4a",[54,842,843],{},".aac",[11,845,846],{},"**WAV（Waveform Audio File Format）**はWindowsが標準とする非圧縮形式。CD品質（44.1 kHz \u002F 16 bit）で1分あたり約10 MBと、ファイルサイズは大きいが音質は劣化しない。音楽制作・音声編集の中間ファイルとして使われることが多く、最終納品物には用途に応じた圧縮形式に変換してから使うのが一般的だ。",[18,848],{},[21,850,851],{"id":851},"フォーマット比較表",[175,853,854,869],{},[178,855,856],{},[181,857,858,860,863,866],{},[184,859,186],{},[184,861,862],{},"MP3",[184,864,865],{},"AAC",[184,867,868],{},"WAV",[197,870,871,884,898,912,926,940,953],{},[181,872,873,876,879,881],{},[202,874,875],{},"圧縮方式",[202,877,878],{},"非可逆",[202,880,878],{},[202,882,883],{},"非圧縮",[181,885,886,889,892,895],{},[202,887,888],{},"代表的なビットレート",[202,890,891],{},"128〜320 kbps",[202,893,894],{},"96〜256 kbps",[202,896,897],{},"1,411 kbps（CD品質）",[181,899,900,903,906,909],{},[202,901,902],{},"1分あたりの目安サイズ",[202,904,905],{},"約1〜2.4 MB",[202,907,908],{},"約0.7〜2 MB",[202,910,911],{},"約10 MB",[181,913,914,917,920,923],{},[202,915,916],{},"主な用途",[202,918,919],{},"幅広い配布・Web",[202,921,922],{},"配信・Apple製品",[202,924,925],{},"編集・収録・マスター",[181,927,928,931,934,937],{},[202,929,930],{},"主要プラットフォーム対応",[202,932,933],{},"全般",[202,935,936],{},"YouTube, iTunes, Spotify",[202,938,939],{},"DAW, 音声編集ソフト",[181,941,942,945,948,950],{},[202,943,944],{},"繰り返し変換時の劣化",[202,946,947],{},"あり",[202,949,947],{},[202,951,952],{},"なし",[181,954,955,958,961,964],{},[202,956,957],{},"ライセンス",[202,959,960],{},"特許フリー（2017年以降）",[202,962,963],{},"一部特許あり",[202,965,966],{},"フリー",[11,968,969,970,975],{},"同じ楽曲をMP3とAACで128 kbpsに圧縮した場合、多くのリスナーはAACのほうが豊かに聞こえると報告している。これは",[76,971,974],{"href":972,"rel":973},"https:\u002F\u002Fwww.iso.org\u002Fstandard\u002F43345.html",[80],"MPEG規格の設計上の優位性","によるもので、特に高音域と低音域の再現性に差が出る。",[18,977],{},[21,979,980],{"id":980},"変換時に起きやすい失敗と対処法",[26,982,984],{"id":983},"非可逆非可逆の孫コピー劣化","非可逆→非可逆の「孫コピー劣化」",[11,986,987],{},"MP3をAACに変換する、あるいはAACをMP3に変換するといった非可逆→非可逆の変換は、音質が二重に劣化する。元ファイルがWAVやFLACなどの可逆形式であれば劣化はないが、圧縮済みのファイルをさらに圧縮すると「孫コピー」状態になる。",[11,989,990,993],{},[34,991,992],{},"対処法",": 可能な限り最高品質のソースファイル（WAV \u002F FLAC）を確保してから変換する。MP3→AACの変換はあくまでプラットフォーム要件に合わせる目的に限定し、品質向上を期待しない。",[26,995,996],{"id":996},"サンプリングレートの不一致",[11,998,999],{},"動画編集ソフトや放送用システムでは48 kHz のサンプリングレートが標準だが、音楽CDは44.1 kHz。異なるレートが混在するとタイミングのズレや再生エラーが起きることがある。変換時にサンプリングレートを明示的に指定するのが確実だ。",[26,1001,1002],{"id":1002},"メタデータの消失",[11,1004,1005],{},"変換後にアーティスト名・アルバム名・カバーアート等のID3タグが消えることがある。変換ツールを選ぶ際は、メタデータの保持に対応しているか確認する。",[18,1007],{},[21,1009,1010],{"id":1010},"ブラウザだけで音声フォーマットを変換する方法",[11,1012,1013],{},"ソフトのインストールが不要で、かつファイルをクラウドにアップロードしたくない場合に選択肢となるのがブラウザ内処理のツールだ。",[11,1015,1016,1017,1020,1021,1024],{},"代表的なクラウド型のサービスとしては ",[34,1018,1019],{},"Zamzar"," や ",[34,1022,1023],{},"CloudConvert"," があり、対応形式が幅広い一方、ファイルが一度サーバーに送信される。個人情報や機密性の高い音声（会議録音・インタビュー音声など）を扱う場合、この点が懸念になる。",[11,1026,1027,1028,1033],{},"ブラウザ内で完結する方法として ",[76,1029,1032],{"href":1030,"rel":1031},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Faudio-convert",[80],"音声形式変換ツール"," がある。ffmpeg.wasm をベースにしており、MP3・AAC・WAV・OGG・FLAC などの主要形式に対応。変換処理はすべてローカルで行われるため、ファイルが外部サーバーに送られることはない（ブラウザの DevTools → Network タブで確認可能）。",[26,1035,1036],{"id":1036},"操作手順",[124,1038,1039,1045,1048,1051],{},[45,1040,1041,1044],{},[76,1042,1032],{"href":1030,"rel":1043},[80]," にアクセスする",[45,1046,1047],{},"変換元の音声ファイルをドラッグ＆ドロップ、または「ファイルを選択」でアップロード",[45,1049,1050],{},"出力形式（MP3 \u002F AAC \u002F WAV など）を選択し、必要に応じてビットレートを設定",[45,1052,1053],{},"「変換」をクリックし、処理完了後にダウンロードボタンで取得",[11,1055,1056],{},[630,1057],{"alt":1058,"src":633},"スクショ: 音声形式変換ツールの操作画面",[11,1060,1061],{},"変換はブラウザのメモリ上で行われるため、ファイルサイズが大きい（150 MB超）場合は処理に時間がかかることがある。その場合はタブをアクティブにしたまま待つと安定する。",[18,1063],{},[21,1065,398],{"id":398},[42,1067,1068,1074,1080,1086],{},[45,1069,1070,1073],{},[34,1071,1072],{},"配布・汎用性重視"," → MP3（320 kbps）",[45,1075,1076,1079],{},[34,1077,1078],{},"ストリーミング・Apple\u002FYouTube系"," → AAC（128〜256 kbps）",[45,1081,1082,1085],{},[34,1083,1084],{},"編集・マスターファイル保存"," → WAV または FLAC",[45,1087,1088,1091],{},[34,1089,1090],{},"変換の鉄則",": ソースは最高品質を保持し、非可逆→非可逆の多段変換は避ける",[11,1093,1094,1095,1100],{},"フォーマットの選択は「どこで再生・配布するか」で決まる。音声仕様の詳細は ",[76,1096,1099],{"href":1097,"rel":1098},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FWeb_Audio_API",[80],"Web Audio API — MDN Web Docs"," も参照すると、ブラウザ上での音声処理の仕組みへの理解が深まる。",[11,1102,1103],{},"変換作業自体はインストール不要・無料のツールで完結できる。機密性が求められる音声ファイルを扱う場合は、クラウド送信のないブラウザ内処理の選択肢を検討する価値がある。",{"title":422,"searchDepth":423,"depth":423,"links":1105},[1106,1107,1108,1113,1116],{"id":824,"depth":423,"text":825},{"id":851,"depth":423,"text":851},{"id":980,"depth":423,"text":980,"children":1109},[1110,1111,1112],{"id":983,"depth":428,"text":984},{"id":996,"depth":428,"text":996},{"id":1002,"depth":428,"text":1002},{"id":1010,"depth":423,"text":1010,"children":1114},[1115],{"id":1036,"depth":428,"text":1036},{"id":398,"depth":423,"text":398},"MP3・AAC・WAVの音質・ファイルサイズ・用途の違いを解説。ブラウザだけで完結する無料の音声形式変換ツールを使った実践手順も紹介。",{},"\u002Fblog\u002Faudio-format-mp3-aac-comparison","2026-06-01",{"title":819,"description":1117},"audio-format-mp3-aac-comparison","blog\u002Faudio-format-mp3-aac-comparison",[217,456,1125,814],"比較","GBu6kwN_x3_QSf5r8CC-4vaUdgzti_nBJir2L1O0iSA",{"id":1128,"title":1129,"author":6,"body":1130,"category":441,"coverImage":442,"description":1437,"draft":444,"extension":445,"locale":446,"meta":1438,"navigation":448,"noindex":444,"path":1439,"publishedAt":1440,"seo":1441,"slug":1442,"stem":1443,"tags":1444,"updatedAt":1440,"__hash__":1447},"blog\u002Fblog\u002Fvideo-compress-zoom-recording.md","Zoom録画の動画を圧縮して共有する方法｜容量問題を解決する手順",{"type":8,"value":1131,"toc":1424},[1132,1136,1147,1150,1153,1155,1158,1161,1164,1171,1174,1177,1184,1189,1191,1194,1283,1290,1293,1295,1298,1301,1314,1317,1345,1350,1359,1368,1370,1372,1378,1384,1390,1396,1398,1400,1403,1421],[21,1133,1135],{"id":1134},"zoom録画の容量問題なぜ起きるのか","Zoom録画の容量問題、なぜ起きるのか",[11,1137,1138,1139,1142,1143,1146],{},"Zoomのローカル録画ファイルは、デフォルト設定で ",[54,1140,1141],{},".mp4"," 形式で保存される。1時間の会議を録画すると、解像度や参加人数によって ",[34,1144,1145],{},"500MB〜1.5GB"," 程度になることが珍しくない。クラウド録画であっても、Zoomの無料プランではストレージ上限が設定されており、すぐに容量を圧迫する。",[11,1148,1149],{},"こうして生まれた重いファイルをメール添付で送ろうとすると、添付上限（Gmailは25MB、Outlookも20MB）に弾かれる。GoogleドライブやOneDriveに上げれば共有自体はできるが、受け取った相手がプレビューできないほど重かったり、ダウンロードに時間がかかったりする問題が残る。",[11,1151,1152],{},"結局「共有のために圧縮したいが、どのツールを使えばいいか分からない」という状態に陥りやすい。",[18,1154],{},[21,1156,1157],{"id":1157},"動画圧縮で何が変わるのか",[11,1159,1160],{},"動画の圧縮とは、映像データの冗長な部分を取り除いてファイルサイズを小さくする処理だ。主な手法は以下の2つに大別される。",[26,1162,1163],{"id":1163},"コーデックの変更",[11,1165,1166,1167,1170],{},"H.264（AVC）で記録されたZoom録画を ",[34,1168,1169],{},"H.265（HEVC）"," に変換するだけで、同等の画質を維持しながらファイルサイズを30〜50%削減できる。ただしH.265は古いデバイスで再生できない場合があるため、相手の環境を確認する必要がある。",[26,1172,1173],{"id":1173},"ビットレートの調整",[11,1175,1176],{},"ビットレートは「1秒間に扱うデータ量」を指す。会議録画であれば、高画質ゲーム配信ほどのビットレートは不要だ。元ファイルのビットレートが8Mbpsなら、3〜4Mbpsに落としても会話の聞き取りや画面共有の文字可読性はほぼ維持される。",[11,1178,1179,1180,1183],{},"実際のところ、Zoomの会議録画は動きの少ない静止画像が続く場面が多いため、",[34,1181,1182],{},"圧縮効率が高い","。適切な設定であれば、元サイズの30〜40%まで縮小しても視聴に支障が出ないケースが多い。",[11,1185,1186],{},[630,1187],{"alt":1188,"src":633},"スクショ: 圧縮前後のファイルサイズ比較",[18,1190],{},[21,1192,1193],{"id":1193},"一般的な圧縮方法と選択肢の比較",[175,1195,1196,1215],{},[178,1197,1198],{},[181,1199,1200,1203,1206,1209,1212],{},[184,1201,1202],{},"ツール・方法",[184,1204,1205],{},"送信先サーバー",[184,1207,1208],{},"無料か",[184,1210,1211],{},"最大ファイルサイズ",[184,1213,1214],{},"インストール",[197,1216,1217,1232,1251,1264],{},[181,1218,1219,1222,1225,1227,1229],{},[202,1220,1221],{},"HandBrake（ソフトウェア）",[202,1223,1224],{},"なし（ローカル処理）",[202,1226,541],{},[202,1228,558],{},[202,1230,1231],{},"要インストール",[181,1233,1234,1237,1242,1245,1248],{},[202,1235,1236],{},"Smallpdf \u002F Clideo 等",[202,1238,1239],{},[34,1240,1241],{},"あり（サーバー送信）",[202,1243,1244],{},"制限あり",[202,1246,1247],{},"通常500MB〜2GB",[202,1249,1250],{},"不要",[181,1252,1253,1256,1258,1260,1262],{},[202,1254,1255],{},"ffmpeg（CLI）",[202,1257,1224],{},[202,1259,541],{},[202,1261,558],{},[202,1263,1231],{},[181,1265,1266,1271,1276,1278,1281],{},[202,1267,1268],{},[34,1269,1270],{},"zerosend 動画圧縮ツール",[202,1272,1273],{},[34,1274,1275],{},"なし（ブラウザ内処理）",[202,1277,541],{},[202,1279,1280],{},"ブラウザ依存",[202,1282,1250],{},[11,1284,1285,1286,1289],{},"オンライン圧縮ツールの多くは、ファイルをサーバーにアップロードしてから処理する仕組みだ。Zoomの会議録画には会議の内容・参加者の顔・機密情報が含まれる場合があるため、",[34,1287,1288],{},"業務用途ではサーバー送信の有無を確認することが重要","になる。",[11,1291,1292],{},"HandBrakeやffmpegはローカル処理で安全だが、インストール作業やコマンド操作が必要で、ITリテラシーに自信がないユーザーにはハードルが高い。",[18,1294],{},[21,1296,1297],{"id":1297},"ブラウザだけで完結する圧縮手順",[11,1299,1300],{},"ここでは、インストール不要・サーバー送信なしで圧縮できる方法を紹介する。",[11,1302,1303,1308,1309,1313],{},[76,1304,1307],{"href":1305,"rel":1306},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fvideo-compress",[80],"動画圧縮ツール"," は、ffmpeg.wasm という技術をブラウザ上で動作させることで、ファイルを外部サーバーに送らずに圧縮処理を行う。WebAssembly（Wasm）についての詳細は ",[76,1310,1312],{"href":616,"rel":1311},[80],"MDN Web Docs の WebAssembly 解説"," を参照されたい。",[26,1315,1316],{"id":1316},"手順",[124,1318,1319,1325,1333,1339],{},[45,1320,1321,1324],{},[34,1322,1323],{},"ブラウザでツールを開く","\nChrome・Edge・Firefox など主要ブラウザで動作する。ページを開いた時点では何もサーバーには送られない。",[45,1326,1327,1329,1330,1332],{},[34,1328,673],{},"\n「ファイルを選択」ボタンから Zoom の ",[54,1331,1141],{}," ファイルを指定する。ドラッグ&ドロップにも対応している。",[45,1334,1335,1338],{},[34,1336,1337],{},"圧縮品質を設定する","\nスライダーで品質レベルを調整できる。会議録画であれば「中」程度（CRF値で28前後に相当）でも実用的な品質を維持できる。",[45,1340,1341,1344],{},[34,1342,1343],{},"圧縮を実行してダウンロードする","\n処理はすべてブラウザ内で行われる。完了後にダウンロードボタンが表示されるので、ローカルに保存する。",[11,1346,1347],{},[630,1348],{"alt":1349,"src":633},"スクショ: zerosend 動画圧縮ツールの操作画面",[11,1351,1352,1353,1358],{},"処理中にネットワークを切断しても動作する点は、Service Worker によるキャッシュで実現されている（仕様の詳細は ",[76,1354,1357],{"href":1355,"rel":1356},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fservice-workers\u002F",[80],"W3C Service Workers 仕様"," を参照）。",[11,1360,1361,1362,1367],{},"なお、圧縮後のファイルをGoogleドライブやOneDriveに保存してリンク共有する運用にすると、メール添付の容量制限を気にする必要がなくなる。動画形式の変換が必要になった場合は、",[76,1363,1366],{"href":1364,"rel":1365},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fvideo-convert",[80],"動画変換ツール"," も同様にブラウザ内処理で対応できる。",[18,1369],{},[21,1371,359],{"id":359},[11,1373,1374,1377],{},[34,1375,1376],{},"Q. 圧縮後に音声がずれたり途切れたりすることはあるか？","\nA. 適切なコーデック設定で圧縮すれば音声ずれは通常発生しない。ただし、元ファイルのフレームレートが不均一な場合（録画中にPCが高負荷だった場合など）は、圧縮前から問題を抱えていることがある。",[11,1379,1380,1383],{},[34,1381,1382],{},"Q. Zoom クラウド録画のリンクをそのまま共有すればいいのではないか？","\nA. Zoomクラウドのリンク共有が可能な環境であればその方が手間は少ない。ただし、無料プランではクラウドストレージが5GBに制限されており、過去録画がすぐに削除される。また、Zoomのクラウドへのアクセス権限管理が煩雑になるケースもあるため、ダウンロードして別の場所で管理する運用も一定の需要がある。",[11,1385,1386,1389],{},[34,1387,1388],{},"Q. 4K録画や長時間録画（2時間以上）でも使えるか？","\nA. ブラウザ内処理のため、利用可能なメモリはPCのスペックとブラウザの制限に依存する。4K・2時間超のファイルは数GBに達することがあり、ローカルアプリ（HandBrakeやffmpeg）の方が安定して処理できる場合がある。",[11,1391,1392,1395],{},[34,1393,1394],{},"Q. 圧縮したファイルは再度圧縮できるか？","\nA. 技術的には可能だが、動画は非可逆圧縮のため繰り返すたびに画質が劣化する。初回の圧縮で適切な設定を選ぶ方が結果的に品質を保てる。",[18,1397],{},[21,1399,398],{"id":398},[11,1401,1402],{},"Zoom録画の容量問題は、適切な圧縮設定を選べば大半のケースで解決できる。重要なポイントを整理すると以下のとおりだ。",[42,1404,1405,1408,1411,1418],{},[45,1406,1407],{},"会議録画は動きが少なく圧縮効率が高いため、元サイズの30〜40%まで縮小しても視聴品質への影響が小さい",[45,1409,1410],{},"オンラインツールを使う場合は、ファイルがサーバーに送信されているかどうかを確認する。業務上の機密情報が含まれる録画には特に注意が必要",[45,1412,1413,1414,1417],{},"インストール不要・サーバー送信なしで処理したい場合は、",[76,1415,1307],{"href":1305,"rel":1416},[80]," のようなWasm処理のブラウザツールが選択肢になる",[45,1419,1420],{},"大容量・高解像度ファイルを扱う場合はHandBrakeやffmpegなどローカルアプリの方が安定する",[11,1422,1423],{},"目的と環境に合わせてツールを選択することが、結果的に手間を減らす近道になる。",{"title":422,"searchDepth":423,"depth":423,"links":1425},[1426,1427,1431,1432,1435,1436],{"id":1134,"depth":423,"text":1135},{"id":1157,"depth":423,"text":1157,"children":1428},[1429,1430],{"id":1163,"depth":428,"text":1163},{"id":1173,"depth":428,"text":1173},{"id":1193,"depth":423,"text":1193},{"id":1297,"depth":423,"text":1297,"children":1433},[1434],{"id":1316,"depth":428,"text":1316},{"id":359,"depth":423,"text":359},{"id":398,"depth":423,"text":398},"Zoom録画の動画ファイルが大きくて共有できない悩みを解決。ブラウザだけで完結する無料の圧縮方法と、安全にファイルを扱うためのポイントを解説します。",{},"\u002Fblog\u002Fvideo-compress-zoom-recording","2026-05-31",{"title":1129,"description":1437},"video-compress-zoom-recording","blog\u002Fvideo-compress-zoom-recording",[455,1445,1446,814],"圧縮","業務","C7brzYpfZbf2k6-9SEoe0XUyWB-oScu5GKmAoK9lDxc",{"id":1449,"title":1450,"author":6,"body":1451,"category":441,"coverImage":442,"description":1735,"draft":444,"extension":445,"locale":446,"meta":1736,"navigation":448,"noindex":444,"path":1737,"publishedAt":1738,"seo":1739,"slug":1740,"stem":1741,"tags":1742,"updatedAt":1738,"__hash__":1744},"blog\u002Fblog\u002Fimage-to-pdf-word-presentation.md","複数画像をまとめてPDF化する方法｜資料作成を効率化する手順と注意点",{"type":8,"value":1452,"toc":1720},[1453,1457,1460,1463,1474,1477,1480,1482,1485,1488,1593,1596,1599,1601,1605,1608,1616,1619,1633,1638,1641,1644,1655,1659,1662,1664,1667,1670,1681,1685,1692,1696,1699,1701,1703,1706,1717],[21,1454,1456],{"id":1455},"画像をまとめてpdfにしたい場面とよくある課題","画像をまとめてPDFにしたい場面とよくある課題",[11,1458,1459],{},"プレゼン資料の差し替え、納品物のまとめ、申請書類のスキャン結果の整理——こうした業務で「複数の画像ファイルを1つのPDFにまとめて送りたい」という状況は日常的に発生する。",[11,1461,1462],{},"問題は、この作業が思ったより手間のかかるケースが多いことだ。",[42,1464,1465,1468,1471],{},[45,1466,1467],{},"スマートフォンで撮影したJPEGが10枚以上あり、順番を維持したままPDF化したい",[45,1469,1470],{},"スキャナで取り込んだPNGを、上司や取引先に1ファイルで渡したい",[45,1472,1473],{},"Wordに貼り付けてPDF出力する方法は知っているが、レイアウトが崩れやすい",[11,1475,1476],{},"Wordに画像を貼り付けてPDF保存する方法はよく知られているが、余白・縮尺・ページ送りの調整に時間がかかり、画像が多いほど作業コストが積み上がる。PowerPointも同様で、スライドサイズと画像サイズの不一致が見た目の問題を引き起こしやすい。",[11,1478,1479],{},"また、オンラインの変換ツールを使う場合、「ファイルがサーバーに送信されていないか」を気にするユーザーも増えている。特に社内資料や個人情報を含む書類を扱うケースでは、アップロード先のプライバシーポリシーを確認するひと手間が発生する。",[18,1481],{},[21,1483,1484],{"id":1484},"主な変換方法の比較",[11,1486,1487],{},"画像をPDFに変換する方法はいくつかある。それぞれの特性を整理すると、用途によって最適な選択肢が変わる。",[175,1489,1490,1509],{},[178,1491,1492],{},[181,1493,1494,1497,1500,1503,1506],{},[184,1495,1496],{},"方法",[184,1498,1499],{},"操作の手軽さ",[184,1501,1502],{},"ファイルのサーバー送信",[184,1504,1505],{},"複数ファイルの一括処理",[184,1507,1508],{},"コスト",[197,1510,1511,1527,1541,1559,1577],{},[181,1512,1513,1516,1519,1521,1524],{},[202,1514,1515],{},"Word → PDF出力",[202,1517,1518],{},"△（貼り付け・調整が必要）",[202,1520,952],{},[202,1522,1523],{},"△（手動で配置）",[202,1525,1526],{},"無料（Office要)",[181,1528,1529,1532,1534,1536,1538],{},[202,1530,1531],{},"macOS プレビュー",[202,1533,248],{},[202,1535,952],{},[202,1537,248],{},[202,1539,1540],{},"無料（Mac限定）",[181,1542,1543,1546,1549,1554,1556],{},[202,1544,1545],{},"Smallpdf \u002F iLovePDF",[202,1547,1548],{},"◎（操作が簡単）",[202,1550,1551,1553],{},[34,1552,947],{},"（クラウド処理）",[202,1555,248],{},[202,1557,1558],{},"無料プランあり／有料機能あり",[181,1560,1561,1564,1567,1572,1574],{},[202,1562,1563],{},"Adobe Acrobat（Web）",[202,1565,1566],{},"◎",[202,1568,1569,1571],{},[34,1570,947],{},"（Adobeサーバー）",[202,1573,248],{},[202,1575,1576],{},"無料プランあり／有料",[181,1578,1579,1582,1584,1589,1591],{},[202,1580,1581],{},"ブラウザ内処理ツール（zerosend等）",[202,1583,1566],{},[202,1585,1586,1588],{},[34,1587,952],{},"（ローカル完結）",[202,1590,248],{},[202,1592,541],{},[11,1594,1595],{},"Smallpdf や iLovePDF は操作性が高く広く使われているが、ファイルはいったんサーバーにアップロードされて処理される。無料プランでは一定時間後に削除されると明記されているが、機密度の高いファイルを扱う場合はポリシーの確認が必要だ。",[11,1597,1598],{},"macOS の「プレビュー」アプリは複数画像をドラッグして結合・PDF出力できる優秀な選択肢だが、Windowsユーザーは利用できない。",[18,1600],{},[21,1602,1604],{"id":1603},"ブラウザだけで完結する方法zerosend-の画像-pdf-変換","ブラウザだけで完結する方法：zerosend の画像 → PDF 変換",[11,1606,1607],{},"プライバシーの懸念を回避しつつ、Officeアプリの煩雑な操作も避けたい場合、ブラウザ内で処理が完結するツールが選択肢になる。",[11,1609,1610,1615],{},[76,1611,1614],{"href":1612,"rel":1613},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-to-pdf",[80],"画像 → PDF 変換ツール"," は、JPEG・PNG・WebP などの画像ファイルをブラウザだけでPDFに変換する無料ツールだ。ファイルはサーバーに送信されず、すべての処理がローカルで行われる。DevTools の Network タブを開いたまま変換しても、ファイルのアップロード通信が発生しないことを自分で確認できる。",[26,1617,1618],{"id":1618},"基本的な使い方",[124,1620,1621,1624,1627,1630],{},[45,1622,1623],{},"ツールのページを開く（初回のみスクリプト読み込みが発生する）",[45,1625,1626],{},"変換したい画像ファイルをドラッグ＆ドロップ、またはファイル選択ダイアログで追加する",[45,1628,1629],{},"サムネイル一覧でページ順を確認・並べ替える",[45,1631,1632],{},"「PDFに変換」ボタンを押すとブラウザ内で処理が走り、完成したPDFがダウンロードされる",[11,1634,1635],{},[630,1636],{"alt":1637,"src":633},"スクショ: zerosend 画像 → PDF 変換ツールのファイル追加画面",[11,1639,1640],{},"操作自体はシンプルだが、いくつかの点を事前に把握しておくと作業がスムーズになる。",[26,1642,1643],{"id":1643},"ページ順の確認を怠らない",[11,1645,1646,1647,1650,1651,1654],{},"複数ファイルを一括追加したとき、ファイル名の順番（例: ",[54,1648,1649],{},"001.jpg",", ",[54,1652,1653],{},"002.jpg","）でページが並ぶとは限らない。必ずサムネイルで順序を確認し、ドラッグで並べ替えてから変換を実行する。",[26,1656,1658],{"id":1657},"画像サイズとpdfのページサイズ","画像サイズとPDFのページサイズ",[11,1660,1661],{},"変換後のPDFは、画像の縦横比をそのままページに反映するか、A4などの固定サイズに収めるかで出力が変わるツールが多い。印刷を想定した資料ならA4フォーマットに揃えておくと、受け取った相手が印刷しやすい。",[18,1663],{},[21,1665,1666],{"id":1666},"資料作成を効率化するための実践ポイント",[26,1668,1669],{"id":1669},"ファイル名を連番で整理してから作業する",[11,1671,1672,1673,1676,1677,1680],{},"複数の画像をまとめる前に、",[54,1674,1675],{},"001_表紙.jpg","、",[54,1678,1679],{},"002_本文.jpg"," のように連番のファイル名に統一しておくと、ツール側の読み込み順が一致しやすく、並べ替えの手間が減る。",[26,1682,1684],{"id":1683},"webpやheicの事前変換","WebPやHEICの事前変換",[11,1686,1687,1688,1691],{},"スマートフォンで撮影したHEICフォーマットや、Web向けのWebPファイルは、ツールによっては対応していない場合がある。",[76,1689,1614],{"href":1612,"rel":1690},[80]," はWebPに対応しているが、HEICを使う場合は事前にJPEGへ変換しておくと確実だ。HEICの変換には macOS のプレビューや、同様にブラウザ内処理に対応した変換ツールを利用できる。",[26,1693,1695],{"id":1694},"最終確認は必ずpdfビューアで","最終確認は必ずPDFビューアで",[11,1697,1698],{},"変換後のPDFを開いて、全ページの表示・順番・画質を確認してから送付・提出するのが基本だ。特にページ数が多い場合、途中の1枚が欠落していても見落としやすい。",[18,1700],{},[21,1702,398],{"id":398},[11,1704,1705],{},"複数の画像をまとめてPDF化する方法には、Word・macOSプレビュー・オンラインサービス・ブラウザ内処理ツールといった選択肢がある。",[42,1707,1708,1711,1714],{},[45,1709,1710],{},"操作の簡便さと対応OSの広さを重視するなら、ブラウザ内処理ツールが実用的",[45,1712,1713],{},"社内資料や個人情報を含むファイルを扱う場合、サーバー送信が発生しないツールを選ぶことでリスクを低減できる",[45,1715,1716],{},"ページ順・ファイル形式・PDFの仕上がり確認の3点が、作業品質を左右する",[11,1718,1719],{},"どの方法を選ぶにせよ、変換前のファイル整理と変換後の目視確認を習慣にすることで、資料作成のミスを減らせる。",{"title":422,"searchDepth":423,"depth":423,"links":1721},[1722,1723,1724,1729,1734],{"id":1455,"depth":423,"text":1456},{"id":1484,"depth":423,"text":1484},{"id":1603,"depth":423,"text":1604,"children":1725},[1726,1727,1728],{"id":1618,"depth":428,"text":1618},{"id":1643,"depth":428,"text":1643},{"id":1657,"depth":428,"text":1658},{"id":1666,"depth":423,"text":1666,"children":1730},[1731,1732,1733],{"id":1669,"depth":428,"text":1669},{"id":1683,"depth":428,"text":1684},{"id":1694,"depth":428,"text":1695},{"id":398,"depth":423,"text":398},"JPEGやPNGなど複数の画像ファイルをまとめてPDFに変換する方法を解説。ブラウザだけで完結するツールの使い方から、ページ順・画質の注意点まで実践的にまとめた。",{},"\u002Fblog\u002Fimage-to-pdf-word-presentation","2026-05-30",{"title":1450,"description":1735},"image-to-pdf-word-presentation","blog\u002Fimage-to-pdf-word-presentation",[1743,456,1446,814],"画像","JHNIXMHh4xbjer8zZVR6dTAGzKq8bN_EPxuRUgH6opg",{"id":1746,"title":1747,"author":6,"body":1748,"category":441,"coverImage":442,"description":2054,"draft":444,"extension":445,"locale":446,"meta":2055,"navigation":448,"noindex":444,"path":2056,"publishedAt":2057,"seo":2058,"slug":2059,"stem":2060,"tags":2061,"updatedAt":2057,"__hash__":2063},"blog\u002Fblog\u002Fpdf-split-extract-page.md","PDFのページを無料で抽出・分割する方法【ブラウザだけで完結】",{"type":8,"value":1749,"toc":2034},[1750,1754,1757,1760,1763,1782,1785,1787,1790,1794,1797,1801,1808,1811,1814,1908,1910,1914,1923,1928,1932,1935,1939,1942,1947,1951,1954,1956,1959,1963,1966,1969,1972,1975,1984,1986,1990,1996,2002,2008,2014,2024,2026,2028,2031],[21,1751,1753],{"id":1752},"pdfのページ抽出分割が必要になる場面","PDFのページ抽出・分割が必要になる場面",[11,1755,1756],{},"会議資料として配布された100ページのPDFから、自分に関係する10ページだけを取り出したい。契約書の特定の条項だけを別ファイルにして送りたい。そういった場面は業務でも日常でも頻繁に起こる。",[11,1758,1759],{},"PDF全体を添付すると容量が大きくなる、不要な情報まで共有してしまう、あるいは受け取った側が目的のページを探しにくい、といった問題が生じる。ページの抽出・分割は小さな作業に見えて、実際には情報管理の精度に直結する操作だ。",[11,1761,1762],{},"対応策としては大きく3つある。",[124,1764,1765,1771,1777],{},[45,1766,1767,1770],{},[34,1768,1769],{},"専用ソフトをインストールして使う","（Adobe Acrobat Pro など）",[45,1772,1773,1776],{},[34,1774,1775],{},"オンラインツールを使う","（Smallpdf、iLovePDF など）",[45,1778,1779],{},[34,1780,1781],{},"ブラウザだけで処理するツールを使う",[11,1783,1784],{},"それぞれに特徴と注意点があるため、順に整理する。",[18,1786],{},[21,1788,1789],{"id":1789},"主な方法と特徴の比較",[26,1791,1793],{"id":1792},"adobe-acrobat-pro-を使う方法","Adobe Acrobat Pro を使う方法",[11,1795,1796],{},"Adobe Acrobat Pro は PDF 操作の事実上の標準ソフトで、ページの抽出・分割・回転・並び替えを高精度に行える。ただし月額制のサブスクリプションが必要で、個人ユースには費用対効果が合わないケースも多い。",[26,1798,1800],{"id":1799},"smallpdfilovepdf-などのオンラインツール","Smallpdf・iLovePDF などのオンラインツール",[11,1802,1803,1804,1807],{},"ブラウザから使えて手軽だが、",[34,1805,1806],{},"ファイルをサーバーにアップロードして処理する","設計になっている点は理解しておく必要がある。個人情報や機密情報を含むPDFを扱う場合、利用規約やデータ保持ポリシーを確認しないままアップロードするのはリスクがある。無料プランには1日の利用回数制限やファイルサイズ制限が設けられていることも多い。",[26,1809,1810],{"id":1810},"ブラウザ内処理のツール",[11,1812,1813],{},"近年、WebAssembly（WASM）技術の普及により、ブラウザだけで完結するPDF処理ツールが登場している。ファイルは端末のメモリ上でのみ処理され、サーバーには一切送信されない。機密性の高い文書を扱う際の選択肢として有力だ。",[175,1815,1816,1831],{},[178,1817,1818],{},[181,1819,1820,1823,1826,1828],{},[184,1821,1822],{},"比較項目",[184,1824,1825],{},"Adobe Acrobat Pro",[184,1827,1545],{},[184,1829,1830],{},"ブラウザ内処理ツール",[197,1832,1833,1846,1857,1869,1882,1896],{},[181,1834,1835,1838,1841,1844],{},[202,1836,1837],{},"費用",[202,1839,1840],{},"有料（月額）",[202,1842,1843],{},"無料プランあり（制限付き）",[202,1845,541],{},[181,1847,1848,1850,1853,1855],{},[202,1849,1214],{},[202,1851,1852],{},"必要",[202,1854,1250],{},[202,1856,1250],{},[181,1858,1859,1861,1864,1867],{},[202,1860,1205],{},[202,1862,1863],{},"ローカル処理",[202,1865,1866],{},"あり（クラウド）",[202,1868,952],{},[181,1870,1871,1874,1876,1879],{},[202,1872,1873],{},"ファイルサイズ制限",[202,1875,952],{},[202,1877,1878],{},"あり（無料プラン）",[202,1880,1881],{},"なし（端末メモリ依存）",[181,1883,1884,1887,1890,1893],{},[202,1885,1886],{},"オフライン利用",[202,1888,1889],{},"可",[202,1891,1892],{},"不可",[202,1894,1895],{},"可（初回ロード後）",[181,1897,1898,1901,1903,1906],{},[202,1899,1900],{},"登録",[202,1902,1852],{},[202,1904,1905],{},"一部必要",[202,1907,1250],{},[18,1909],{},[21,1911,1913],{"id":1912},"ブラウザだけでpdfを分割する手順","ブラウザだけでPDFを分割する手順",[11,1915,1916,1917,1922],{},"ここでは登録不要・サーバー送信なしで使える ",[76,1918,1921],{"href":1919,"rel":1920},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fpdf-split",[80],"PDF 分割ツール"," を例に手順を示す。",[11,1924,1925],{},[630,1926],{"alt":1927,"src":633},"スクショ: PDF分割ツールのトップ画面",[26,1929,1931],{"id":1930},"手順1pdfファイルを読み込む","手順1：PDFファイルを読み込む",[11,1933,1934],{},"ツールページを開き、「ファイルを選択」ボタンをクリックするか、PDFファイルをドラッグ＆ドロップする。ファイルはブラウザ内のメモリにのみ読み込まれる。",[26,1936,1938],{"id":1937},"手順2抽出分割したいページを指定する","手順2：抽出・分割したいページを指定する",[11,1940,1941],{},"ページのサムネイルが一覧表示されるので、取り出したいページを選択する。複数ページを選択した場合は、それらをまとめた新しいPDF、または1ページずつのPDFとして出力できる。",[11,1943,1944],{},[630,1945],{"alt":1946,"src":633},"スクショ: ページ選択画面のサムネイル一覧",[26,1948,1950],{"id":1949},"手順3ファイルをダウンロードする","手順3：ファイルをダウンロードする",[11,1952,1953],{},"「分割」または「抽出」ボタンを押すと、処理はブラウザ内で完了し、結果ファイルのダウンロードが始まる。処理中もファイルはネットワークに出ない。ブラウザの開発者ツール（DevTools）のNetworkタブを確認すると、PDF関連の送信がないことを実際に確認できる。",[18,1955],{},[21,1957,1958],{"id":1958},"落とし穴と注意点",[26,1960,1962],{"id":1961},"パスワード付きpdfへの対応","パスワード付きPDFへの対応",[11,1964,1965],{},"パスワードで保護されたPDFは、ツールによっては処理前にパスワード解除が必要になる。処理できない場合は、まず元のソフトウェアでパスワードを解除してから再試行する。",[26,1967,1968],{"id":1968},"大容量ファイルと端末スペック",[11,1970,1971],{},"ブラウザ内処理はサーバーではなく端末のCPU・メモリを使う。数百MBを超えるPDFや、ページ数が非常に多いファイルでは処理に時間がかかることがある。目安として、通常の業務文書（数十MB以下）であれば問題なく動作するケースがほとんどだ。",[26,1973,1974],{"id":1974},"フォントの埋め込みと表示崩れ",[11,1976,1977,1978,1983],{},"PDFの仕様上、フォントが埋め込まれていない文書をページ分割すると、一部の環境で文字が正しく表示されないことがある。重要な文書は分割後に表示確認を行うことを推奨する。PDF のフォント埋め込みの仕様については ",[76,1979,1982],{"href":1980,"rel":1981},"https:\u002F\u002Fopensource.adobe.com\u002Fdc-acrobat-sdk-docs\u002Fpdfstandards\u002FPDF32000_2008.pdf",[80],"PDF 1.7 リファレンス（Adobe）"," で詳細を確認できる。",[18,1985],{},[21,1987,1989],{"id":1988},"faq","FAQ",[11,1991,1992,1995],{},[34,1993,1994],{},"Q. スマートフォンからでも使えますか？","\nA. ブラウザが動作するデバイスであれば基本的に利用可能だ。ただし大容量ファイルの処理はモバイル端末のメモリ制約を受けやすい。",[11,1997,1998,2001],{},[34,1999,2000],{},"Q. 処理したファイルはサーバーに残りますか？","\nA. ブラウザ内処理のツールはサーバーにファイルを送信しないため、サーバー上に残ることはない。処理はすべて手元の端末で完結する。",[11,2003,2004,2007],{},[34,2005,2006],{},"Q. 分割後のPDFの画質は劣化しますか？","\nA. ページの抽出・分割はPDFの再エンコードを伴わないため、画像や文字の品質は元のファイルと変わらない。",[11,2009,2010,2013],{},[34,2011,2012],{},"Q. 結合や圧縮も同じツールでできますか？","\nA. 分割とは別の機能になる。zerosend には圧縮や変換など複数のツールが用意されているので、用途に応じて使い分けられる。",[11,2015,2016,2019,2020,2023],{},[34,2017,2018],{},"Q. オフラインでも使えますか？","\nA. 初回ロード後はService Workerがアセットをキャッシュするため、インターネット接続なしでも動作する。なお、WebAssembly の仕組みについては ",[76,2021,1312],{"href":616,"rel":2022},[80]," が参考になる。",[18,2025],{},[21,2027,398],{"id":398},[11,2029,2030],{},"PDFのページ抽出・分割には、インストール型・オンライン型・ブラウザ内処理型という三つのアプローチがある。手軽さを求めるならオンラインツールが有力だが、機密文書を扱う場合はファイルの送信先を意識する必要がある。",[11,2032,2033],{},"サーバーへの送信なし・登録不要・無料という条件をすべて満たしたい場合、ブラウザ内処理のツールは現実的な選択肢だ。特に、個人情報や社外秘資料を含むPDFを日常的に扱うビジネスパーソンには、処理経路を確認できる点が実質的なメリットになる。",{"title":422,"searchDepth":423,"depth":423,"links":2035},[2036,2037,2042,2047,2052,2053],{"id":1752,"depth":423,"text":1753},{"id":1789,"depth":423,"text":1789,"children":2038},[2039,2040,2041],{"id":1792,"depth":428,"text":1793},{"id":1799,"depth":428,"text":1800},{"id":1810,"depth":428,"text":1810},{"id":1912,"depth":423,"text":1913,"children":2043},[2044,2045,2046],{"id":1930,"depth":428,"text":1931},{"id":1937,"depth":428,"text":1938},{"id":1949,"depth":428,"text":1950},{"id":1958,"depth":423,"text":1958,"children":2048},[2049,2050,2051],{"id":1961,"depth":428,"text":1962},{"id":1968,"depth":428,"text":1968},{"id":1974,"depth":428,"text":1974},{"id":1988,"depth":423,"text":1989},{"id":398,"depth":423,"text":398},"PDFから特定ページだけを抜き出したい場面で使える方法を解説。インストール不要・登録不要・サーバー送信なしのブラウザ完結ツールも紹介。",{},"\u002Fblog\u002Fpdf-split-extract-page","2026-05-29",{"title":1747,"description":2054},"pdf-split-extract-page","blog\u002Fpdf-split-extract-page",[2062,814,1446,500],"分割","e1vSxBbXlJv2rrCWLTry7uNJIOSl36La5nvy7IZBtRc",{"id":2065,"title":2066,"author":6,"body":2067,"category":441,"coverImage":442,"description":2585,"draft":444,"extension":445,"locale":446,"meta":2586,"navigation":448,"noindex":444,"path":2587,"publishedAt":2588,"seo":2589,"slug":2590,"stem":2591,"tags":2592,"updatedAt":2588,"__hash__":2595},"blog\u002Fblog\u002Ffavicon-svg-png-ico-guide.md","ファビコンのSVG・PNG・ICO違いと正しい設定方法を徹底解説",{"type":8,"value":2068,"toc":2569},[2069,2073,2076,2083,2085,2089,2093,2099,2113,2117,2120,2158,2168,2172,2189,2196,2203,2205,2208,2211,2397,2412,2419,2424,2426,2429,2433,2436,2440,2450,2459,2464,2468,2478,2481,2483,2486,2492,2505,2514,2524,2526,2528,2535,2555,2565],[21,2070,2072],{"id":2071},"ファビコンとは何かなぜ形式選びが重要なのか","ファビコンとは何か、なぜ形式選びが重要なのか",[11,2074,2075],{},"ファビコン（favicon）はブラウザのタブ、ブックマーク一覧、スマートフォンのホーム画面ショートカットなど、あらゆる場面でサイトを識別するための小さなアイコンだ。見た目上は小さな要素だが、形式の選び方を誤るとブラウザによって表示が崩れたり、高解像度ディスプレイでぼやけたりする。",[11,2077,2078,2079,2082],{},"ファビコンに使われる主な形式は ",[34,2080,2081],{},"ICO・PNG・SVG"," の3種類で、それぞれ特性がまったく異なる。どれか一つだけを置けば済む、という状況は現代のWebでは通用しない。",[18,2084],{},[21,2086,2088],{"id":2087},"icopngsvg-それぞれの違い","ICO・PNG・SVG それぞれの違い",[26,2090,2092],{"id":2091},"ico形式後方互換性のための保険","ICO形式：後方互換性のための「保険」",[11,2094,2095,2098],{},[54,2096,2097],{},".ico"," はもともとWindowsのアイコン用形式で、1ファイルに複数の解像度（16×16, 32×32, 48×48など）を格納できる。Internet ExplorerはICOしか認識しなかった歴史的経緯から、長らくファビコンのデファクト標準だった。",[11,2100,2101,2102,2105,2106,2112],{},"現在のChromeやFirefox、Safariも ",[54,2103,2104],{},"favicon.ico"," をルートディレクトリに置けば認識するため、",[34,2107,2108,2109,2111],{},"「",[54,2110,2104],{}," をとりあえず置く」という慣習が今も続いている","。ただしベクター化できないため、拡大時に劣化する。",[26,2114,2116],{"id":2115},"png形式現在の主流","PNG形式：現在の主流",[11,2118,2119],{},"PNGはアルファチャンネル（透明）をサポートし、色再現性も高い。モダンブラウザはすべてPNGのファビコンに対応しており、以下のサイズが実務上の標準とされている。",[175,2121,2122,2132],{},[178,2123,2124],{},[181,2125,2126,2129],{},[184,2127,2128],{},"用途",[184,2130,2131],{},"サイズ",[197,2133,2134,2142,2150],{},[181,2135,2136,2139],{},[202,2137,2138],{},"ブラウザタブ（汎用）",[202,2140,2141],{},"32×32 px",[181,2143,2144,2147],{},[202,2145,2146],{},"Apple Touch Icon（iOSホーム画面）",[202,2148,2149],{},"180×180 px",[181,2151,2152,2155],{},[202,2153,2154],{},"Android \u002F PWAアイコン",[202,2156,2157],{},"192×192 px, 512×512 px",[11,2159,2160,2163,2164,2167],{},[54,2161,2162],{},"\u003Clink rel=\"icon\" type=\"image\u002Fpng\" sizes=\"32x32\" href=\"\u002Ffavicon-32x32.png\">"," のように ",[54,2165,2166],{},"sizes"," 属性を明示することで、ブラウザが適切な解像度を選択できる。",[26,2169,2171],{"id":2170},"svg形式将来に向けたスケーラブルな選択","SVG形式：将来に向けた「スケーラブル」な選択",[11,2173,2174,2175,2178,2179,2182,2183,2188],{},"SVGはXMLベースのベクター形式で、どんな解像度でも劣化しない。ChromeやFirefox、Edgeはすでに ",[54,2176,2177],{},"rel=\"icon\""," でのSVGを正式サポートしており、",[54,2180,2181],{},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">"," と記述するだけで有効化できる（",[76,2184,2187],{"href":2185,"rel":2186},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FHTML\u002FAttributes\u002Frel#icon",[80],"MDN: rel=icon","）。",[11,2190,2191,2192,2195],{},"ただし",[34,2193,2194],{},"SafariはSVGファビコンに対応していない","（2025年時点）。そのため現時点でSVGだけに依存するのはリスクがあり、ICOやPNGとの併用が推奨される。",[11,2197,2198,2199,2202],{},"また、SVGにはダークモード対応という強みもある。CSSの ",[54,2200,2201],{},"prefers-color-scheme"," メディアクエリをSVG内に埋め込むことで、OSのダークモード設定に応じてアイコンの色を自動切替できる。",[18,2204],{},[21,2206,2207],{"id":2207},"推奨される現実的な設定パターン",[11,2209,2210],{},"形式ごとの特性を踏まえると、現代のWebサイトに最低限必要なファビコン構成は以下のとおりだ。",[2212,2213,2217],"pre",{"className":2214,"code":2215,"language":2216,"meta":422,"style":422},"language-html shiki shiki-themes github-light github-dark","\u003C!-- ICO：後方互換（ルートに置くだけでブラウザが自動検出） -->\n\u003C!-- favicon.ico は \u003Clink> 不要でルートに置くと自動認識 -->\n\n\u003C!-- PNG：モダンブラウザ・各種デバイス向け -->\n\u003Clink rel=\"icon\" type=\"image\u002Fpng\" sizes=\"32x32\" href=\"\u002Ffavicon-32x32.png\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\">\n\n\u003C!-- SVG：Chrome \u002F Firefox \u002F Edge 向け（将来性） -->\n\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">\n\n\u003C!-- PWA \u002F Android向け -->\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\">\n","html",[54,2218,2219,2228,2233,2238,2244,2293,2323,2328,2334,2363,2368,2374],{"__ignoreMap":422},[2220,2221,2224],"span",{"class":2222,"line":2223},"line",1,[2220,2225,2227],{"class":2226},"sJ8bj","\u003C!-- ICO：後方互換（ルートに置くだけでブラウザが自動検出） -->\n",[2220,2229,2230],{"class":2222,"line":423},[2220,2231,2232],{"class":2226},"\u003C!-- favicon.ico は \u003Clink> 不要でルートに置くと自動認識 -->\n",[2220,2234,2235],{"class":2222,"line":428},[2220,2236,2237],{"emptyLinePlaceholder":448},"\n",[2220,2239,2241],{"class":2222,"line":2240},4,[2220,2242,2243],{"class":2226},"\u003C!-- PNG：モダンブラウザ・各種デバイス向け -->\n",[2220,2245,2247,2251,2255,2259,2262,2266,2269,2271,2274,2277,2279,2282,2285,2287,2290],{"class":2222,"line":2246},5,[2220,2248,2250],{"class":2249},"sVt8B","\u003C",[2220,2252,2254],{"class":2253},"s9eBZ","link",[2220,2256,2258],{"class":2257},"sScJk"," rel",[2220,2260,2261],{"class":2249},"=",[2220,2263,2265],{"class":2264},"sZZnC","\"icon\"",[2220,2267,2268],{"class":2257}," type",[2220,2270,2261],{"class":2249},[2220,2272,2273],{"class":2264},"\"image\u002Fpng\"",[2220,2275,2276],{"class":2257}," sizes",[2220,2278,2261],{"class":2249},[2220,2280,2281],{"class":2264},"\"32x32\"",[2220,2283,2284],{"class":2257}," href",[2220,2286,2261],{"class":2249},[2220,2288,2289],{"class":2264},"\"\u002Ffavicon-32x32.png\"",[2220,2291,2292],{"class":2249},">\n",[2220,2294,2296,2298,2300,2302,2304,2307,2309,2311,2314,2316,2318,2321],{"class":2222,"line":2295},6,[2220,2297,2250],{"class":2249},[2220,2299,2254],{"class":2253},[2220,2301,2258],{"class":2257},[2220,2303,2261],{"class":2249},[2220,2305,2306],{"class":2264},"\"apple-touch-icon\"",[2220,2308,2276],{"class":2257},[2220,2310,2261],{"class":2249},[2220,2312,2313],{"class":2264},"\"180x180\"",[2220,2315,2284],{"class":2257},[2220,2317,2261],{"class":2249},[2220,2319,2320],{"class":2264},"\"\u002Fapple-touch-icon.png\"",[2220,2322,2292],{"class":2249},[2220,2324,2326],{"class":2222,"line":2325},7,[2220,2327,2237],{"emptyLinePlaceholder":448},[2220,2329,2331],{"class":2222,"line":2330},8,[2220,2332,2333],{"class":2226},"\u003C!-- SVG：Chrome \u002F Firefox \u002F Edge 向け（将来性） -->\n",[2220,2335,2337,2339,2341,2343,2345,2347,2349,2351,2354,2356,2358,2361],{"class":2222,"line":2336},9,[2220,2338,2250],{"class":2249},[2220,2340,2254],{"class":2253},[2220,2342,2258],{"class":2257},[2220,2344,2261],{"class":2249},[2220,2346,2265],{"class":2264},[2220,2348,2268],{"class":2257},[2220,2350,2261],{"class":2249},[2220,2352,2353],{"class":2264},"\"image\u002Fsvg+xml\"",[2220,2355,2284],{"class":2257},[2220,2357,2261],{"class":2249},[2220,2359,2360],{"class":2264},"\"\u002Ffavicon.svg\"",[2220,2362,2292],{"class":2249},[2220,2364,2366],{"class":2222,"line":2365},10,[2220,2367,2237],{"emptyLinePlaceholder":448},[2220,2369,2371],{"class":2222,"line":2370},11,[2220,2372,2373],{"class":2226},"\u003C!-- PWA \u002F Android向け -->\n",[2220,2375,2377,2379,2381,2383,2385,2388,2390,2392,2395],{"class":2222,"line":2376},12,[2220,2378,2250],{"class":2249},[2220,2380,2254],{"class":2253},[2220,2382,2258],{"class":2257},[2220,2384,2261],{"class":2249},[2220,2386,2387],{"class":2264},"\"manifest\"",[2220,2389,2284],{"class":2257},[2220,2391,2261],{"class":2249},[2220,2393,2394],{"class":2264},"\"\u002Fsite.webmanifest\"",[2220,2396,2292],{"class":2249},[11,2398,2399,2402,2403,2406,2407,2188],{},[54,2400,2401],{},"site.webmanifest"," の ",[54,2404,2405],{},"icons"," 配列に192×192と512×512のPNGを登録しておくと、Androidホーム画面への追加やPWAインストール時に適切なアイコンが表示される（",[76,2408,2411],{"href":2409,"rel":2410},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fappmanifest\u002F#icons-member",[80],"Web App Manifest仕様 - W3C",[11,2413,2414,2415,2418],{},"ポイントは「SVGを優先しつつICOとPNGを保険として残す」構成にすることだ。ブラウザは ",[54,2416,2417],{},"\u003Clink>"," タグを上から評価し、サポートしている形式を自動で選ぶため、複数形式を並べても問題ない。",[11,2420,2421],{},[630,2422],{"alt":2423,"src":633},"スクショ: ブラウザのタブにファビコンが表示されているようす",[18,2425],{},[21,2427,2428],{"id":2428},"実際にファビコンを用意する方法",[26,2430,2432],{"id":2431},"手順1元画像を用意する","手順1：元画像を用意する",[11,2434,2435],{},"最低でも512×512px以上の正方形画像（PNGまたはSVG）を用意する。これを元に各サイズへリサイズ・変換する。ロゴや既存のアイコン素材をそのまま使うことが多い。",[26,2437,2439],{"id":2438},"手順2必要なサイズ形式に変換する","手順2：必要なサイズ・形式に変換する",[11,2441,2442,2443,1020,2446,2449],{},"複数サイズのICO、各種PNG、SVGを手作業で揃えるのは手間がかかる。オンラインツールを使うのが現実的で、代表的なものに ",[34,2444,2445],{},"RealFaviconGenerator",[34,2447,2448],{},"Favicon.io"," がある。どちらも無料で使えるが、アップロードした画像がサーバーに送信・保存される点は留意が必要だ。",[11,2451,2452,2453,2458],{},"プライバシーを重視する場合、または社内ロゴや非公開素材を扱う場合は、ファイルがサーバーへ送信されないツールが安心だ。",[76,2454,2457],{"href":2455,"rel":2456},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Ffavicon-generator",[80],"ファビコン生成ツール"," はブラウザ内だけで処理が完結し、アップロードした画像が外部サーバーに送信されない設計になっている。ICO・PNG・SVGの各形式を一括で出力できるため、上記の推奨構成を一度に揃えられる。",[11,2460,2461],{},[630,2462],{"alt":2463,"src":633},"スクショ: ファビコン生成ツールの操作画面",[26,2465,2467],{"id":2466},"手順3ファイルを配置してhtmlに記述する","手順3：ファイルを配置してHTMLに記述する",[11,2469,2470,2471,2473,2474,2477],{},"生成したファイルをWebサーバーのルートディレクトリ（または任意のパス）に配置し、前節で示した ",[54,2472,2417],{}," タグを ",[54,2475,2476],{},"\u003Chead>"," 内に記述すれば完了だ。",[11,2479,2480],{},"配置後は複数のブラウザとデバイスで表示を確認する。Chromeの開発者ツール（DevTools）のApplicationタブにある「Manifest」セクションでPWA用アイコンの認識状況も確認できる。",[18,2482],{},[21,2484,2485],{"id":2485},"よくある失敗と注意点",[11,2487,2488,2491],{},[34,2489,2490],{},"キャッシュが残って更新されない","：ファビコンはブラウザに強くキャッシュされる。変更後に反映されない場合は、ファイル名にバージョン番号やクエリパラメータを付与するか、スーパーリロード（Ctrl+Shift+R）で確認する。",[11,2493,2494,2497,2498,2500,2501,2504],{},[34,2495,2496],{},"サイズ指定を省略する","：",[54,2499,2166],{}," 属性を省略すると、ブラウザが適切なファビコンを選択できず、低解像度のアイコンが拡大表示される場合がある。必ず ",[54,2502,2503],{},"sizes=\"32x32\""," のように明示する。",[11,2506,2507,2510,2511,2513],{},[34,2508,2509],{},"ICOファイルを省略する","：古いブラウザや一部のRSSリーダー、ブックマーク管理ツールはICOしか認識しない。",[54,2512,2104],{}," をルートに置くことで余計なトラブルを防げる。",[11,2515,2516,2519,2520,2523],{},[34,2517,2518],{},"apple-touch-icon を忘れる","：iOSでホーム画面に追加した際に使われるアイコンは ",[54,2521,2522],{},"apple-touch-icon"," で指定する。これを省略すると、iOSがサイトのスクリーンショットをアイコン代わりに使うため、見栄えが悪くなる。",[18,2525],{},[21,2527,398],{"id":398},[11,2529,2530,2531,2534],{},"ファビコンの形式選びは「どれか一つを選ぶ」問題ではなく、",[34,2532,2533],{},"それぞれの形式の役割を理解して組み合わせる","ことがポイントだ。",[42,2536,2537,2543,2549],{},[45,2538,2539,2542],{},[34,2540,2541],{},"ICO","：後方互換のためルートに置く",[45,2544,2545,2548],{},[34,2546,2547],{},"PNG","：現在の主力。32×32、180×180、192×192、512×512を用意",[45,2550,2551,2554],{},[34,2552,2553],{},"SVG","：ダークモード対応と将来の主流候補。現時点はPNG・ICOと併用",[11,2556,2557,2558,2561,2562,2564],{},"各形式を手動で揃えるのが面倒な場合は、ブラウザ内で完結する ",[76,2559,2457],{"href":2455,"rel":2560},[80]," のようなツールを活用して一括生成するのが効率的だ。形式の組み合わせと ",[54,2563,2417],{}," タグの記述を正しく設定すれば、あらゆるデバイス・ブラウザで意図通りのファビコンが表示される。",[2566,2567,2568],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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":422,"searchDepth":423,"depth":423,"links":2570},[2571,2572,2577,2578,2583,2584],{"id":2071,"depth":423,"text":2072},{"id":2087,"depth":423,"text":2088,"children":2573},[2574,2575,2576],{"id":2091,"depth":428,"text":2092},{"id":2115,"depth":428,"text":2116},{"id":2170,"depth":428,"text":2171},{"id":2207,"depth":423,"text":2207},{"id":2428,"depth":423,"text":2428,"children":2579},[2580,2581,2582],{"id":2431,"depth":428,"text":2432},{"id":2438,"depth":428,"text":2439},{"id":2466,"depth":428,"text":2467},{"id":2485,"depth":423,"text":2485},{"id":398,"depth":423,"text":398},"ファビコンの形式（SVG・PNG・ICO）ごとの違いと、ブラウザ対応・設定方法をWeb担当者向けに解説。ブラウザ内完結の無料ツールも紹介。",{},"\u002Fblog\u002Ffavicon-svg-png-ico-guide","2026-05-28",{"title":2066,"description":2585},"favicon-svg-png-ico-guide","blog\u002Ffavicon-svg-png-ico-guide",[2593,457,2594,458],"ファビコン","SEO","ah6-GegUDt51_pojAOyzLzrF3LNnhaO7JPdUWvu8L9M",{"id":2597,"title":2598,"author":6,"body":2599,"category":441,"coverImage":442,"description":2883,"draft":444,"extension":445,"locale":446,"meta":2884,"navigation":448,"noindex":444,"path":2885,"publishedAt":2886,"seo":2887,"slug":2888,"stem":2889,"tags":2890,"updatedAt":2886,"__hash__":2891},"blog\u002Fblog\u002Fqr-code-wifi-share.md","QRコードでWiFiを共有する方法｜ゲスト用パスワード入力なしで快適に",{"type":8,"value":2600,"toc":2866},[2601,2605,2608,2611,2614,2616,2620,2628,2631,2634,2642,2646,2649,2651,2655,2658,2661,2664,2667,2670,2756,2758,2762,2770,2772,2777,2783,2788,2793,2796,2801,2804,2809,2814,2817,2820,2823,2825,2828,2833,2836,2841,2844,2849,2852,2854,2856,2859],[21,2602,2604],{"id":2603},"wifiパスワードをqrコードで共有するメリット","WiFiパスワードをQRコードで共有するメリット",[11,2606,2607],{},"カフェや会議室、自宅にゲストを招いたとき、WiFiのパスワードを口頭で伝えるのは想像以上に手間がかかる。大文字・小文字・記号が混在した複雑なパスワードを読み上げて、相手が入力ミスをして、また最初からやり直す――このやり取りを経験したことがある人は多いはずだ。",[11,2609,2610],{},"QRコードを使えばこの問題をほぼ解消できる。スマートフォンのカメラアプリやQRリーダーでコードを読み取るだけで、パスワードの入力なしにWiFiへ接続できる。特にAndroid 10以降・iOS 14以降のデバイスは、カメラアプリが標準でWiFi用QRコードを認識し、ワンタップで接続を完了する。",[11,2612,2613],{},"ビジネスシーンでは、受付やロビーにQRコードを印刷して掲示しておくだけで、訪問者対応の工数を大幅に削減できる。飲食店なら卓上POPに、ホテルなら客室カードに印刷すれば、スタッフへの問い合わせも減る。",[18,2615],{},[21,2617,2619],{"id":2618},"wifi共有用qrコードの仕組み","WiFi共有用QRコードの仕組み",[11,2621,2622,2623,2188],{},"WiFi情報をQRコードに埋め込むには、決まったフォーマットに従ってデータを構造化する必要がある。このフォーマットはZXing（ zebra crossing）プロジェクトが策定したもので、現在はAndroid・iOSともに標準対応している（参考: ",[76,2624,2627],{"href":2625,"rel":2626},"https:\u002F\u002Fgithub.com\u002Fzxing\u002Fzxing\u002Fwiki\u002FBarcode-Contents#wi-fi-network-config-android",[80],"ZXing wiki – WIFI",[11,2629,2630],{},"構造としては、SSIDと呼ばれるネットワーク名、パスワード、暗号化方式（WPA\u002FWPA2 または WEP、またはパスワードなし）を一定のルールで文字列化し、QRコードに変換する。",[26,2632,2633],{"id":2633},"暗号化方式の選び方",[11,2635,2636,2637,2188],{},"現在ほとんどの家庭用・業務用ルーターはWPA2またはWPA3を採用している。QRコード生成時には「WPA」を選択すれば問題ない。古い機器との互換性のためにWEPを使っているネットワークはセキュリティ上のリスクがあり、Wi-Fi Allianceもすでに非推奨としている（参考: ",[76,2638,2641],{"href":2639,"rel":2640},"https:\u002F\u002Fwww.wi-fi.org\u002Fdiscover-wi-fi\u002Fsecurity",[80],"Wi-Fi Alliance – Security",[26,2643,2645],{"id":2644},"ssidやパスワードに記号が含まれる場合","SSIDやパスワードに記号が含まれる場合",[11,2647,2648],{},"SSID・パスワードにバックスラッシュ、セミコロン、コロン、ダブルクォートが含まれる場合、それぞれバックスラッシュでエスケープが必要になる。手動で文字列を組み立てるとこのエスケープ漏れがよくある失敗ポイントだ。ツールを使えばこの処理は自動化される。",[18,2650],{},[21,2652,2654],{"id":2653},"手動で作る方法とツールを使う方法の比較","手動で作る方法と、ツールを使う方法の比較",[11,2656,2657],{},"QRコードを生成する手段は大きく2つある。「コードを自分で書く方法」と「ブラウザツールを使う方法」だ。",[26,2659,2660],{"id":2660},"手動で作成する場合",[11,2662,2663],{},"PythonのライブラリであるqrcodeパッケージやJavaScriptのqrcode.jsを使えば、フォーマット文字列を自分で組み立ててQRコードを生成できる。開発者向けの選択肢だが、記号のエスケープ処理や出力フォーマット（PNG\u002FSVG）の指定など、コーディング知識が前提となる。",[26,2665,2666],{"id":2666},"ブラウザツールを使う場合",[11,2668,2669],{},"ノーコードで即座に作成したい場合は、ブラウザで動作するQRコード生成ツールが便利だ。ただしツールによっては、入力したSSIDやパスワードをサーバーに送信するものもある。ネットワーク認証情報を外部サーバーに送ることはセキュリティ上のリスクになり得るため、ツール選定には注意が必要だ。",[175,2671,2672,2687],{},[178,2673,2674],{},[181,2675,2676,2678,2681,2684],{},[184,2677,1822],{},[184,2679,2680],{},"手動（コーディング）",[184,2682,2683],{},"オンラインツール（一般）",[184,2685,2686],{},"zerosend QRコード生成ツール",[197,2688,2689,2701,2717,2730,2742],{},[181,2690,2691,2694,2697,2699],{},[202,2692,2693],{},"必要なスキル",[202,2695,2696],{},"プログラミング知識",[202,2698,1250],{},[202,2700,1250],{},[181,2702,2703,2706,2709,2712],{},[202,2704,2705],{},"SSIDの送信先サーバー",[202,2707,2708],{},"なし（ローカル実行）",[202,2710,2711],{},"サーバーに送信される場合あり",[202,2713,2714],{},[34,2715,2716],{},"送信なし（ブラウザ内完結）",[181,2718,2719,2721,2724,2727],{},[202,2720,541],{},[202,2722,2723],{},"無料（環境構築が必要）",[202,2725,2726],{},"多くは無料（広告あり）",[202,2728,2729],{},"完全無料・広告なし",[181,2731,2732,2734,2737,2739],{},[202,2733,1886],{},[202,2735,2736],{},"可能",[202,2738,1892],{},[202,2740,2741],{},"可能（初回ロード後）",[181,2743,2744,2747,2750,2753],{},[202,2745,2746],{},"出力形式",[202,2748,2749],{},"PNG\u002FSVG（要設定）",[202,2751,2752],{},"PNG が多い",[202,2754,2755],{},"PNG\u002FSVG",[18,2757],{},[21,2759,2761],{"id":2760},"zerosend-の-qrコード生成ツールで作成する手順","zerosend の QRコード生成ツールで作成する手順",[11,2763,2764,2769],{},[76,2765,2768],{"href":2766,"rel":2767},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fqr-create",[80],"QR コード生成ツール"," はWiFi共有用のQRコードを含め、URL・テキスト・連絡先など複数の種類に対応している。入力した情報はブラウザ内だけで処理され、外部サーバーには一切送信されない。DevToolsのNetworkタブを開いた状態で操作すれば、通信が発生していないことを自分で確認できる。",[26,2771,1316],{"id":1316},[11,2773,2774],{},[34,2775,2776],{},"Step 1: ツールを開く",[11,2778,2779,2782],{},[76,2780,2766],{"href":2766,"rel":2781},[80]," にアクセスする。登録や会員登録は不要で、即時利用できる。",[11,2784,2785],{},[630,2786],{"alt":2787,"src":633},"スクショ: トップ画面のQRコード種別選択UI",[11,2789,2790],{},[34,2791,2792],{},"Step 2: 種別として「WiFi」を選択する",[11,2794,2795],{},"生成タイプの選択肢からWiFiを選ぶ。SSID（ネットワーク名）、パスワード、暗号化方式（WPA\u002FWEP\u002Fなし）の入力フォームが表示される。",[11,2797,2798],{},[34,2799,2800],{},"Step 3: ネットワーク情報を入力する",[11,2802,2803],{},"SSIDとパスワードを入力し、暗号化方式を選択する。SSIDが非公開（ステルスSSID）の場合は、該当チェックボックスをオンにする。",[11,2805,2806],{},[630,2807],{"alt":2808,"src":633},"スクショ: WiFi情報入力フォームの記入例",[11,2810,2811],{},[34,2812,2813],{},"Step 4: QRコードを生成・ダウンロードする",[11,2815,2816],{},"「生成」ボタンを押すとQRコードがリアルタイムで表示される。PNG形式でダウンロードし、印刷物やデジタルサイネージに使用する。",[26,2818,2819],{"id":2819},"印刷時のポイント",[11,2821,2822],{},"QRコードは最低2cm × 2cm以上のサイズで印刷すると読み取りやすくなる。周囲に白い余白（クワイエットゾーン）をコードサイズの10%以上確保することも重要だ。SVG形式でダウンロードすれば、拡大印刷してもピクセルが粗くならない。",[18,2824],{},[21,2826,2827],{"id":2827},"よくある失敗と対処法",[11,2829,2830],{},[34,2831,2832],{},"読み取りができない場合",[11,2834,2835],{},"暗号化方式がルーターの設定と一致していない可能性がある。ルーターの管理画面（多くは192.168.1.1または192.168.0.1）でセキュリティ方式を確認し、QRコードの設定と合わせる。",[11,2837,2838],{},[34,2839,2840],{},"SSIDに日本語が含まれる場合",[11,2842,2843],{},"日本語SSIDは原則動作するが、一部の古い端末では認識されないことがある。可能であればSSIDを英数字に変更するか、接続が確認できた端末でのみ使用を限定する。",[11,2845,2846],{},[34,2847,2848],{},"ゲスト用ネットワークを分けるべき理由",[11,2850,2851],{},"業務用ネットワークのパスワードをQRコードで共有するのは避けたほうがよい。QRコードは複製されやすいため、ゲスト用の独立したSSIDを別途用意し、そちらのパスワードをQRコード化するのが適切な運用だ。多くのルーターはゲストネットワーク機能を標準搭載している。",[18,2853],{},[21,2855,398],{"id":398},[11,2857,2858],{},"QRコードによるWiFi共有は、技術的な難しさはなく、適切なツールを使えば数分で完成する。作成時の主な注意点は「暗号化方式をルーター設定と一致させる」「SSIDの特殊文字をエスケープする（ツールなら自動処理）」「業務用ネットワークは共有しない」の3点だ。",[11,2860,2861,2862,2865],{},"ツールを選ぶ際は、ネットワーク認証情報をサーバーに送信しないかどうかを確認することを推奨する。",[76,2863,2768],{"href":2766,"rel":2864},[80]," はその要件を満たす選択肢の一つとして参考にしてほしい。",{"title":422,"searchDepth":423,"depth":423,"links":2867},[2868,2869,2873,2877,2881,2882],{"id":2603,"depth":423,"text":2604},{"id":2618,"depth":423,"text":2619,"children":2870},[2871,2872],{"id":2633,"depth":428,"text":2633},{"id":2644,"depth":428,"text":2645},{"id":2653,"depth":423,"text":2654,"children":2874},[2875,2876],{"id":2660,"depth":428,"text":2660},{"id":2666,"depth":428,"text":2666},{"id":2760,"depth":423,"text":2761,"children":2878},[2879,2880],{"id":1316,"depth":428,"text":1316},{"id":2819,"depth":428,"text":2819},{"id":2827,"depth":423,"text":2827},{"id":398,"depth":423,"text":398},"QRコードを使ってWiFiパスワードをスマートに共有する手順を解説。カフェ・オフィス・自宅でも使えるブラウザ完結の無料ツールも紹介。",{},"\u002Fblog\u002Fqr-code-wifi-share","2026-05-27",{"title":2598,"description":2883},"qr-code-wifi-share","blog\u002Fqr-code-wifi-share",[500,815,814,1446],"mqDcT2SdIonyJZaZTV6hp9fIpZ3hMuCjiGeFku3Ojx0",{"id":2893,"title":2894,"author":6,"body":2895,"category":441,"coverImage":442,"description":3277,"draft":444,"extension":445,"locale":446,"meta":3278,"navigation":448,"noindex":444,"path":3279,"publishedAt":3280,"seo":3281,"slug":3282,"stem":3283,"tags":3284,"updatedAt":3280,"__hash__":3285},"blog\u002Fblog\u002Fheic-what-is-how-to-open.md","HEICファイルとは？iPhoneで撮った写真が開けない原因と変換方法",{"type":8,"value":2896,"toc":3265},[2897,2904,2907,2910,2912,2916,2929,2932,3009,3012,3014,3018,3022,3029,3043,3046,3050,3058,3062,3065,3067,3071,3078,3081,3088,3090,3094,3097,3159,3162,3169,3182,3185,3187,3190,3205,3213,3221,3229,3231,3233,3236,3262],[11,2898,2899,2900,2903],{},"iPhoneで撮った写真をWindowsのPCやウェブフォームに送ろうとしたとき、「このファイルは開けません」と表示された経験はないだろうか。原因のほとんどは、ファイルの拡張子が ",[54,2901,2902],{},".heic"," になっていることだ。",[11,2905,2906],{},"HEICはAppleがiOS 11から採用した画像形式で、JPEGと比較して同等の画質をおよそ半分のファイルサイズで保存できる。ストレージ節約には優秀だが、Windows標準環境や古いソフトウェア、各種ウェブサービスのアップロードフォームでは未対応のケースが多く、ビジネスの現場でたびたびつまずきの原因になる。",[11,2908,2909],{},"この記事では、HEICの仕組みをひととおり説明したうえで、WindowsとMacそれぞれでの開き方、そしてJPGへの変換方法を実践的にまとめる。",[18,2911],{},[21,2913,2915],{"id":2914},"heicとは何かjpegとの違いを押さえる","HEICとは何か――JPEGとの違いを押さえる",[11,2917,2918,2919,2922,2923,2928],{},"HEICは ",[34,2920,2921],{},"High Efficiency Image Container"," の略で、映像圧縮規格HEVC（H.265）をベースにした静止画フォーマットだ。",[76,2924,2927],{"href":2925,"rel":2926},"https:\u002F\u002Fmpeg.chiariglione.org\u002Fstandards\u002Fmpeg-h\u002Fimage-file-format",[80],"MPEG公式の仕様書","では、単一フレームだけでなく画像シーケンスやバースト撮影のデータも1ファイルに格納できると定義されている。",[11,2930,2931],{},"JPEGと並べた場合の主な特徴は以下のとおり。",[175,2933,2934,2946],{},[178,2935,2936],{},[181,2937,2938,2940,2943],{},[184,2939,186],{},[184,2941,2942],{},"HEIC",[184,2944,2945],{},"JPEG",[197,2947,2948,2959,2970,2979,2989,2999],{},[181,2949,2950,2953,2956],{},[202,2951,2952],{},"圧縮アルゴリズム",[202,2954,2955],{},"HEVC (H.265)",[202,2957,2958],{},"DCT",[181,2960,2961,2964,2967],{},[202,2962,2963],{},"同画質でのファイルサイズ",[202,2965,2966],{},"約50%小さい",[202,2968,2969],{},"基準",[181,2971,2972,2975,2977],{},[202,2973,2974],{},"透過（アルファチャンネル）",[202,2976,223],{},[202,2978,220],{},[181,2980,2981,2984,2986],{},[202,2982,2983],{},"HDR \u002F 広色域",[202,2985,223],{},[202,2987,2988],{},"限定的",[181,2990,2991,2994,2997],{},[202,2992,2993],{},"Windows標準での表示",[202,2995,2996],{},"要拡張機能",[202,2998,223],{},[181,3000,3001,3004,3006],{},[202,3002,3003],{},"ブラウザの対応状況",[202,3005,2988],{},[202,3007,3008],{},"広く対応",[11,3010,3011],{},"Webへのアップロード、印刷所への入稿、社内の共有フォルダへの保存――どれもJPEGを前提にしているサービスや環境がまだ多い。HEICのままでは使えないシーンが多いのはそのためだ。",[18,3013],{},[21,3015,3017],{"id":3016},"windowsでheicを開く3つの方法","WindowsでHEICを開く3つの方法",[26,3019,3021],{"id":3020},"方法1microsoft-storeから拡張機能を追加する","方法1：Microsoft Storeから拡張機能を追加する",[11,3023,3024,3025,3028],{},"Windows 10 \u002F 11では、Microsoft Storeで ",[34,3026,3027],{},"「HEIF Image Extensions」","（無料）をインストールすると、エクスプローラーやフォトアプリでHEICファイルをそのまま開けるようになる。",[124,3030,3031,3034,3037,3040],{},[45,3032,3033],{},"スタートメニューから「Microsoft Store」を開く",[45,3035,3036],{},"検索欄に「HEIF Image Extensions」と入力",[45,3038,3039],{},"「入手」をクリックしてインストール",[45,3041,3042],{},"フォトアプリでHEICファイルをダブルクリック",[11,3044,3045],{},"インストール後は再起動不要ですぐに反映される。閲覧だけが目的であればこれで十分だ。",[26,3047,3049],{"id":3048},"方法2irfanviewなど無料ビューアを使う","方法2：IrfanViewなど無料ビューアを使う",[11,3051,3052,3057],{},[76,3053,3056],{"href":3054,"rel":3055},"https:\u002F\u002Fwww.irfanview.com\u002F",[80],"IrfanView","はプラグイン「HEIF\u002FHEIC」を追加することでHEICの表示と変換に対応する。バッチ変換機能もあるため、大量ファイルを一括でJPEGに変換する用途に向いている。",[26,3059,3061],{"id":3060},"方法3jpgに変換してしまう","方法3：JPGに変換してしまう",[11,3063,3064],{},"開くだけでなく、他者への送付や入稿を考えているなら、最初からJPGへ変換してしまうのが一番手間がかからない。変換方法は後のセクションで詳しく説明する。",[18,3066],{},[21,3068,3070],{"id":3069},"macでheicを開く方法","MacでHEICを開く方法",[11,3072,3073,3074,3077],{},"MacはmacOS High Sierra以降でHEICをネイティブサポートしているため、",[34,3075,3076],{},"プレビュー.appでそのまま開ける","。追加インストールは不要だ。",[11,3079,3080],{},"ただし、Macで開いた写真をWindowsユーザーに送るときは注意が必要で、メールに添付したHEICファイルを受け取った相手が開けないという問題は依然として起きやすい。",[11,3082,3083,3084,3087],{},"iPhoneの設定で転送フォーマットをJPEGに変えておく方法もある。「設定」→「写真」→「MACまたはPCに転送」を「自動」から「元のフォーマットのまま」ではなく ",[34,3085,3086],{},"「互換性優先」"," にするだけでよい。ただしこれは転送時のみの変換で、iPhone本体に保存される形式はHEICのままとなる。",[18,3089],{},[21,3091,3093],{"id":3092},"heicをjpgに変換する方法ブラウザだけで完結する選択肢","HEICをJPGに変換する方法――ブラウザだけで完結する選択肢",[11,3095,3096],{},"変換方法はいくつかあるが、整理すると大きく3種類になる。",[175,3098,3099,3112],{},[178,3100,3101],{},[181,3102,3103,3105,3108,3110],{},[184,3104,1496],{},[184,3106,3107],{},"ファイルの送信先",[184,3109,1508],{},[184,3111,1214],{},[197,3113,3114,3127,3139],{},[181,3115,3116,3119,3122,3125],{},[202,3117,3118],{},"Smallpdf \u002F iLovePDF などオンラインツール",[202,3120,3121],{},"サーバーにアップロード",[202,3123,3124],{},"無料〜有料",[202,3126,1250],{},[181,3128,3129,3132,3134,3137],{},[202,3130,3131],{},"Photoshop \u002F Lightroom",[202,3133,1863],{},[202,3135,3136],{},"有料サブスク",[202,3138,1852],{},[181,3140,3141,3146,3151,3155],{},[202,3142,3143],{},[34,3144,3145],{},"zerosend（ブラウザ内処理）",[202,3147,3148],{},[34,3149,3150],{},"送信なし・ブラウザ内のみ",[202,3152,3153],{},[34,3154,541],{},[202,3156,3157],{},[34,3158,1250],{},[11,3160,3161],{},"SmallpdfやiLovePDFのようなオンラインサービスは手軽だが、ファイルを一度サーバーにアップロードする仕組みになっている。個人の写真や業務上の書類を扱う場合、この点は確認しておきたい。",[11,3163,3164,3168],{},[76,3165,3167],{"href":3166},"\u002Ftools\u002Fheic-to-jpg","HEIC → JPG 変換ツール"," は、ファイルをサーバーに送信せずブラウザ内だけで変換処理を行う。処理にはWebAssemblyを使用しており、DevToolsのNetworkタブを確認すれば画像データが外部へ送信されていないことを確認できる。操作手順は次のとおり。",[124,3170,3171,3176,3179],{},[45,3172,3173,3175],{},[76,3174,3167],{"href":3166}," をブラウザで開く",[45,3177,3178],{},"HEICファイルをドロップ、またはファイル選択ボタンで指定する",[45,3180,3181],{},"変換が完了したらダウンロードボタンを押す",[11,3183,3184],{},"アカウント登録は不要で、複数ファイルの一括変換にも対応している。オフライン環境でも、初回ロード後であれば動作する。",[18,3186],{},[21,3188,3189],{"id":3189},"よくある疑問",[11,3191,3192,3195,3198,3199,3204],{},[34,3193,3194],{},"Q. HEICとHEIFは同じものですか？",[3196,3197],"br",{},"\n厳密には異なる。HEIFはコンテナ形式の名称（High Efficiency Image File Format）で、HEICはそのなかでHEVC圧縮を使った静止画のファイル拡張子だ。Appleの端末で生成されるのは主にHEIC。",[76,3200,3203],{"href":3201,"rel":3202},"https:\u002F\u002Fsupport.apple.com\u002Fja-jp\u002F101994",[80],"Appleの公式ドキュメント","でも両者の関係が説明されている。",[11,3206,3207,3210,3212],{},[34,3208,3209],{},"Q. 変換するとき画質は落ちますか？",[3196,3211],{},"\nJPGへの変換は不可逆圧縮の再エンコードになるため、品質設定によっては多少の劣化が生じる。品質を90〜95%程度に設定できるツールを選ぶと劣化を最小限に抑えられる。",[11,3214,3215,3218,3220],{},[34,3216,3217],{},"Q. iPhoneの写真をそもそもJPEGで保存できますか？",[3196,3219],{},"\nできる。「設定」→「カメラ」→「フォーマット」を「高互換性」に変更するとJPEGで保存されるようになる。ただしファイルサイズは増える。",[11,3222,3223,3226,3228],{},[34,3224,3225],{},"Q. 大量のHEICファイルを一括変換したい場合は？",[3196,3227],{},"\n前述のIrfanView（バッチ変換機能あり）か、zerosendのブラウザツールで複数ファイルをまとめてドロップする方法が手軽だ。",[18,3230],{},[21,3232,398],{"id":398},[11,3234,3235],{},"HEICはAppleが選んだ効率的な画像フォーマットだが、Windows環境やウェブサービスとの互換性問題は現在も残っている。対処法は用途によって使い分けるとよい。",[42,3237,3238,3244,3250,3256],{},[45,3239,3240,3243],{},[34,3241,3242],{},"開くだけでよい（Windows）"," → HEIF Image Extensions をインストール",[45,3245,3246,3249],{},[34,3247,3248],{},"Macなら"," → プレビュー.appでそのまま開ける",[45,3251,3252,3255],{},[34,3253,3254],{},"共有・入稿・アップロード用に変換したい"," → JPG変換ツールを使う",[45,3257,3258,3261],{},[34,3259,3260],{},"プライバシーが気になる"," → ブラウザ内処理のツールを選ぶ",[11,3263,3264],{},"ファイルを外部サーバーに送りたくない場面では、ブラウザだけで完結する変換手段を選ぶことで、データの外部流出リスクを排除できる。",{"title":422,"searchDepth":423,"depth":423,"links":3266},[3267,3268,3273,3274,3275,3276],{"id":2914,"depth":423,"text":2915},{"id":3016,"depth":423,"text":3017,"children":3269},[3270,3271,3272],{"id":3020,"depth":428,"text":3021},{"id":3048,"depth":428,"text":3049},{"id":3060,"depth":428,"text":3061},{"id":3069,"depth":423,"text":3070},{"id":3092,"depth":423,"text":3093},{"id":3189,"depth":423,"text":3189},{"id":398,"depth":423,"text":398},"iPhoneで撮影したHEICファイルが開けない理由と、Windows・Macでの対処法を解説。ブラウザだけで完結するJPG変換方法も紹介します。",{},"\u002Fblog\u002Fheic-what-is-how-to-open","2026-05-23",{"title":2894,"description":3277},"heic-what-is-how-to-open","blog\u002Fheic-what-is-how-to-open",[1743,456,814,458],"foHjvamEBQw9X-LkgQY5WNYFiWN_-Dk12nJq9kD8NGs",{"id":4,"title":5,"author":6,"body":3287,"category":441,"coverImage":442,"description":443,"draft":444,"extension":445,"locale":446,"meta":3580,"navigation":448,"noindex":444,"path":449,"publishedAt":450,"seo":3581,"slug":452,"stem":453,"tags":3582,"updatedAt":450,"__hash__":459},{"type":8,"value":3288,"toc":3563},[3289,3291,3293,3295,3297,3299,3303,3305,3317,3319,3323,3328,3345,3347,3349,3351,3367,3369,3383,3385,3487,3489,3491,3493,3495,3497,3499,3503,3505,3515,3517,3519,3521,3525,3535,3539,3543,3545,3547,3549,3561],[11,3290,13],{},[11,3292,16],{},[18,3294],{},[21,3296,24],{"id":23},[26,3298,29],{"id":28},[11,3300,32,3301,37],{},[34,3302,36],{},[11,3304,40],{},[42,3306,3307,3309,3311,3315],{},[45,3308,47],{},[45,3310,50],{},[45,3312,3313,57],{},[54,3314,56],{},[45,3316,60],{},[26,3318,64],{"id":63},[11,3320,67,3321,71],{},[34,3322,70],{},[11,3324,74,3325,82],{},[76,3326,81],{"href":78,"rel":3327},[80],[11,3329,85,3330,95,3335,98,3337,102,3339,102,3341,102,3343,112],{},[76,3331,90,3333,94],{"href":88,"rel":3332},[80],[54,3334,93],{},[54,3336,93],{},[54,3338,101],{},[54,3340,105],{},[54,3342,108],{},[54,3344,111],{},[18,3346],{},[21,3348,118],{"id":117},[26,3350,122],{"id":121},[124,3352,3353,3359,3363],{},[45,3354,3355,131,3357,134],{},[34,3356,130],{},[54,3358,93],{},[45,3360,3361,140],{},[34,3362,139],{},[45,3364,3365,146],{},[34,3366,145],{},[26,3368,150],{"id":149},[124,3370,3371,3375,3379],{},[45,3372,3373,158],{},[34,3374,157],{},[45,3376,3377,164],{},[34,3378,163],{},[45,3380,3381,170],{},[34,3382,169],{},[26,3384,173],{"id":173},[175,3386,3387,3399],{},[178,3388,3389],{},[181,3390,3391,3393,3395,3397],{},[184,3392,186],{},[184,3394,189],{},[184,3396,192],{},[184,3398,195],{},[197,3400,3401,3411,3421,3431,3443,3453,3467,3477],{},[181,3402,3403,3405,3407,3409],{},[202,3404,204],{},[202,3406,207],{},[202,3408,210],{},[202,3410,210],{},[181,3412,3413,3415,3417,3419],{},[202,3414,217],{},[202,3416,220],{},[202,3418,223],{},[202,3420,223],{},[181,3422,3423,3425,3427,3429],{},[202,3424,230],{},[202,3426,233],{},[202,3428,236],{},[202,3430,236],{},[181,3432,3433,3437,3439,3441],{},[202,3434,3435,245],{},[54,3436,56],{},[202,3438,248],{},[202,3440,251],{},[202,3442,251],{},[181,3444,3445,3447,3449,3451],{},[202,3446,258],{},[202,3448,248],{},[202,3450,251],{},[202,3452,251],{},[181,3454,3455,3457,3459,3463],{},[202,3456,269],{},[202,3458,272],{},[202,3460,3461,278],{},[54,3462,277],{},[202,3464,3465,278],{},[54,3466,277],{},[181,3468,3469,3471,3473,3475],{},[202,3470,287],{},[202,3472,290],{},[202,3474,293],{},[202,3476,296],{},[181,3478,3479,3481,3483,3485],{},[202,3480,301],{},[202,3482,304],{},[202,3484,304],{},[202,3486,304],{},[18,3488],{},[21,3490,314],{"id":313},[11,3492,317],{},[26,3494,320],{"id":320},[11,3496,323],{},[26,3498,326],{"id":326},[11,3500,329,3501,334],{},[76,3502,333],{"href":332},[11,3504,337],{},[124,3506,3507,3509,3511,3513],{},[45,3508,342],{},[45,3510,345],{},[45,3512,348],{},[45,3514,351],{},[11,3516,354],{},[18,3518],{},[21,3520,359],{"id":359},[11,3522,3523,365],{},[34,3524,364],{},[11,3526,3527,375,3531,378,3533,381],{},[34,3528,370,3529,374],{},[54,3530,373],{},[54,3532,111],{},[54,3534,108],{},[11,3536,3537,387],{},[34,3538,386],{},[11,3540,3541,393],{},[34,3542,392],{},[18,3544],{},[21,3546,398],{"id":398},[11,3548,401],{},[42,3550,3551,3557],{},[45,3552,3553,412],{},[34,3554,408,3555,411],{},[54,3556,93],{},[45,3558,3559],{},[34,3560,417],{},[11,3562,420],{},{"title":422,"searchDepth":423,"depth":423,"links":3564},[3565,3569,3574,3578,3579],{"id":23,"depth":423,"text":24,"children":3566},[3567,3568],{"id":28,"depth":428,"text":29},{"id":63,"depth":428,"text":64},{"id":117,"depth":423,"text":118,"children":3570},[3571,3572,3573],{"id":121,"depth":428,"text":122},{"id":149,"depth":428,"text":150},{"id":173,"depth":428,"text":173},{"id":313,"depth":423,"text":314,"children":3575},[3576,3577],{"id":320,"depth":428,"text":320},{"id":326,"depth":428,"text":326},{"id":359,"depth":423,"text":359},{"id":398,"depth":423,"text":398},{},{"title":5,"description":443},[455,456,457,458],{"id":3584,"title":3585,"author":6,"body":3586,"category":441,"coverImage":442,"description":3950,"draft":444,"extension":445,"locale":446,"meta":3951,"navigation":448,"noindex":444,"path":3952,"publishedAt":3953,"seo":3954,"slug":3955,"stem":3956,"tags":3957,"updatedAt":3953,"__hash__":3958},"blog\u002Fblog\u002Fvideo-compress-instagram-upload.md","Instagram動画の容量制限を超えた時の圧縮方法と注意点",{"type":8,"value":3587,"toc":3937},[3588,3592,3595,3654,3657,3660,3662,3666,3675,3713,3716,3718,3721,3725,3734,3737,3740,3747,3750,3752,3756,3763,3766,3793,3796,3803,3805,3808,3904,3907,3909,3911,3914,3917,3931],[21,3589,3591],{"id":3590},"instagramの動画アップロードで詰まる容量の壁","Instagramの動画アップロードで詰まる「容量の壁」",[11,3593,3594],{},"SNS運用に動画コンテンツを取り入れているビジネスパーソンやWeb担当者が一度は経験するのが、「ファイルが大きすぎてアップロードできない」というエラーだ。Instagramの投稿フォーマットごとの制限は以下のとおりで、思いのほか厳しい。",[175,3596,3597,3609],{},[178,3598,3599],{},[181,3600,3601,3604,3606],{},[184,3602,3603],{},"フォーマット",[184,3605,1211],{},[184,3607,3608],{},"最大尺",[197,3610,3611,3622,3633,3643],{},[181,3612,3613,3616,3619],{},[202,3614,3615],{},"フィード動画",[202,3617,3618],{},"100 MB",[202,3620,3621],{},"60秒",[181,3623,3624,3627,3630],{},[202,3625,3626],{},"リール",[202,3628,3629],{},"1 GB",[202,3631,3632],{},"90秒",[181,3634,3635,3638,3641],{},[202,3636,3637],{},"ストーリーズ",[202,3639,3640],{},"4 GB",[202,3642,3621],{},[181,3644,3645,3648,3651],{},[202,3646,3647],{},"IGTV (長尺)",[202,3649,3650],{},"3.6 GB",[202,3652,3653],{},"60分",[11,3655,3656],{},"フィード投稿は100 MBという厳しい上限があり、スマートフォンで撮影した4K動画や、一眼カメラで録ったプロモーション映像は軽く超えてしまう。リールは上限が大きい一方、ファイルサイズより「画質の劣化」がボトルネックになりやすい。Instagramはアップロード後にサーバー側で再エンコードするため、元の動画品質が高いほど再圧縮後のダメージを抑えられる。",[11,3658,3659],{},"つまり「とにかく小さくすればいい」ではなく、「Instagramが推奨するスペックに合わせて最低限だけ圧縮する」アプローチが最適解になる。",[18,3661],{},[21,3663,3665],{"id":3664},"instagramが推奨するエンコード設定","Instagramが推奨するエンコード設定",[11,3667,3668,3669,3674],{},"公式ヘルプ（",[76,3670,3673],{"href":3671,"rel":3672},"https:\u002F\u002Fhelp.instagram.com\u002F1038071743024882",[80],"Instagram ヘルプセンター","）では、高品質な動画投稿のための推奨フォーマットを次のように定めている。",[42,3676,3677,3683,3689,3695,3701,3707],{},[45,3678,3679,3682],{},[34,3680,3681],{},"コーデック",": H.264 (AVC)",[45,3684,3685,3688],{},[34,3686,3687],{},"コンテナ",": MP4",[45,3690,3691,3694],{},[34,3692,3693],{},"フレームレート",": 23〜60 fps（30 fpsが無難）",[45,3696,3697,3700],{},[34,3698,3699],{},"ビットレート",": 3,500 kbps 以上（フィード）",[45,3702,3703,3706],{},[34,3704,3705],{},"アスペクト比",": 4:5（フィード縦型）、9:16（リール・ストーリーズ）",[45,3708,3709,3712],{},[34,3710,3711],{},"解像度",": 最大1080p",[11,3714,3715],{},"この設定を満たしつつファイルサイズを100 MB以内に収めるのがゴールだ。60秒・1080p・H.264・30fps・5,000 kbpsで計算すると約2.25 GBになるため、ビットレートを3,500〜4,500 kbpsに落とすだけで目標に収まることが多い。むやみに解像度を下げるより、ビットレートの調整が画質を保つ近道だ。",[18,3717],{},[21,3719,3720],{"id":3720},"一般的な圧縮方法とその限界",[26,3722,3724],{"id":3723},"handbrakeを使う方法デスクトップアプリ","HandBrakeを使う方法（デスクトップアプリ）",[11,3726,3727,3728,3733],{},"無料のオープンソースソフト ",[76,3729,3732],{"href":3730,"rel":3731},"https:\u002F\u002Fhandbrake.fr\u002F",[80],"HandBrake"," は、H.264エンコードの細かいパラメータを自由に設定できる定番ツールだ。「Preset」でSocial 720p\u002F1080pを選び、ビットレートを手動入力するだけで、Instagramの推奨値に近い出力が得られる。",[11,3735,3736],{},"ただし、インストールが必要なこと、UIが英語ベースで設定項目が多いこと、変換に数分〜十数分かかることは覚えておきたい。",[26,3738,3739],{"id":3739},"オンライン変換サービスを使う方法",[11,3741,3742,3743,3746],{},"Clipchamp、Clideo、Adobe Express など、ブラウザ上で完結するオンラインサービスは手軽だが、",[34,3744,3745],{},"動画ファイルをサーバーにアップロードする仕組み","になっている。顧客インタビューや社内会議の録画、未公開の商品プロモーション動画など、外部に送信したくないファイルには向かない。",[11,3748,3749],{},"無料プランでは出力サイズやファイル数に制限があることも多く、1 GBを超えるリール素材を扱う場合は課金が前提になるケースが散見される。",[18,3751],{},[21,3753,3755],{"id":3754},"ブラウザだけで完結する圧縮方法サーバー送信なし","ブラウザだけで完結する圧縮方法（サーバー送信なし）",[11,3757,3758,3759,3762],{},"ファイルを外部サーバーに送りたくない場合の選択肢として、",[76,3760,1307],{"href":3761},"\u002Ftools\u002Fvideo-compress"," がある。ffmpeg.wasm（WebAssemblyベースのFFmpegポート）を使い、エンコード処理をすべてブラウザ内で実行するため、ファイルがネットワーク外に出ない。DevToolsのNetworkタブを開いて動作確認すれば、動画のバイナリが外部に送信されていないことを確認できる。",[26,3764,3765],{"id":3765},"実際の操作手順",[124,3767,3768,3772,3775,3787,3790],{},[45,3769,3770,3175],{},[76,3771,1307],{"href":3761},[45,3773,3774],{},"圧縮したい動画ファイルをドラッグ＆ドロップ、またはクリックして選択",[45,3776,3777,3778],{},"出力フォーマット（MP4）、解像度、ビットレートを設定\n",[42,3779,3780],{},[45,3781,3782,3783,3786],{},"フィード投稿なら ",[34,3784,3785],{},"ビットレート: 4,000 kbps \u002F 解像度: 1080p \u002F fps: 30"," が目安",[45,3788,3789],{},"「圧縮する」ボタンをクリックし、処理完了まで待つ（ファイルサイズにより1〜5分程度）",[45,3791,3792],{},"ダウンロードして完成",[11,3794,3795],{},"ブラウザ内処理のため、初回ロード時にffmpeg.wasmのモジュール（数十MB）がキャッシュされる。2回目以降はオフライン環境でも動作する点は実用上の利点だ。",[11,3797,3798,3799,3802],{},"また、動画の解像度やアスペクト比を変更したい場合は、関連する ",[76,3800,1366],{"href":3801},"\u002Ftools\u002Fvideo-convert"," も参照すると用途に応じた設定がしやすい。",[18,3804],{},[21,3806,3807],{"id":3807},"ツール選択の比較",[175,3809,3810,3824],{},[178,3811,3812],{},[181,3813,3814,3817,3819,3822],{},[184,3815,3816],{},"観点",[184,3818,3732],{},[184,3820,3821],{},"オンラインサービス (Clipchamp等)",[184,3823,1270],{},[197,3825,3826,3836,3851,3863,3877,3891],{},[181,3827,3828,3830,3832,3834],{},[202,3829,1214],{},[202,3831,1852],{},[202,3833,1250],{},[202,3835,1250],{},[181,3837,3838,3840,3843,3848],{},[202,3839,1205],{},[202,3841,3842],{},"なし（ローカル）",[202,3844,3845],{},[34,3846,3847],{},"あり（外部クラウド）",[202,3849,3850],{},"なし（ブラウザ内）",[181,3852,3853,3856,3858,3861],{},[202,3854,3855],{},"無料で使える",[202,3857,248],{},[202,3859,3860],{},"△（制限あり）",[202,3862,248],{},[181,3864,3865,3868,3871,3874],{},[202,3866,3867],{},"設定の細かさ",[202,3869,3870],{},"高",[202,3872,3873],{},"低〜中",[202,3875,3876],{},"中",[181,3878,3879,3882,3885,3888],{},[202,3880,3881],{},"処理速度",[202,3883,3884],{},"速い",[202,3886,3887],{},"サーバー依存",[202,3889,3890],{},"やや遅い",[181,3892,3893,3896,3898,3901],{},[202,3894,3895],{},"オフライン動作",[202,3897,248],{},[202,3899,3900],{},"✕",[202,3902,3903],{},"○（初回後）",[11,3905,3906],{},"機密性の高い映像を扱う場合や、社内ポリシーで外部サービスへのデータ送信が制限されている環境では、サーバー送信なしで処理できるハンドブレーク系ツールかzerosendが現実的な選択肢になる。",[18,3908],{},[21,3910,398],{"id":398},[11,3912,3913],{},"Instagramの動画容量制限を超えた場合の対処法は、「推奨スペックに合わせたビットレート調整」が基本だ。解像度を落とす前にビットレートを絞ることで、視覚的な品質低下を最小限に抑えられる。",[11,3915,3916],{},"ツール選択の基準は次の2点に集約される。",[42,3918,3919,3925],{},[45,3920,3921,3924],{},[34,3922,3923],{},"ファイルを外部に送信できるか否か",": 機密度の高いコンテンツならローカル処理が必須",[45,3926,3927,3930],{},[34,3928,3929],{},"作業頻度と設定の自由度",": 定期的に圧縮するなら細かい設定ができるツールが長期的に使いやすい",[11,3932,3933,3934,3936],{},"オンラインサービスの利便性を保ちつつプライバシーを確保したいケースでは、ブラウザ内完結型の",[76,3935,1307],{"href":3761},"が要件を満たす一つの手段として機能する。",{"title":422,"searchDepth":423,"depth":423,"links":3938},[3939,3940,3941,3945,3948,3949],{"id":3590,"depth":423,"text":3591},{"id":3664,"depth":423,"text":3665},{"id":3720,"depth":423,"text":3720,"children":3942},[3943,3944],{"id":3723,"depth":428,"text":3724},{"id":3739,"depth":428,"text":3739},{"id":3754,"depth":423,"text":3755,"children":3946},[3947],{"id":3765,"depth":428,"text":3765},{"id":3807,"depth":423,"text":3807},{"id":398,"depth":423,"text":398},"Instagramの動画アップロード容量制限を解説し、画質を保ちながら圧縮する具体的な手順とブラウザだけで完結する無料ツールを紹介。",{},"\u002Fblog\u002Fvideo-compress-instagram-upload","2026-05-21",{"title":3585,"description":3950},"video-compress-instagram-upload","blog\u002Fvideo-compress-instagram-upload",[455,1445,814,500],"H1a3ELYjbh2qNaortR0UdHQvlCOOrvdURKwyjesPHMk",{"id":3960,"title":3961,"author":6,"body":3962,"category":441,"coverImage":442,"description":4283,"draft":444,"extension":445,"locale":446,"meta":4284,"navigation":448,"noindex":444,"path":4285,"publishedAt":4286,"seo":4287,"slug":4288,"stem":4289,"tags":4290,"updatedAt":4286,"__hash__":4291},"blog\u002Fblog\u002Fimage-compress-no-quality-loss.md","画像圧縮で画質を落とさない方法と主要ツール徹底比較",{"type":8,"value":3963,"toc":4271},[3964,3968,3979,3982,3996,3999,4006,4008,4012,4015,4121,4128,4131,4142,4144,4148,4151,4155,4158,4169,4173,4182,4186,4189,4193,4196,4198,4202,4209,4223,4226,4234,4236,4238,4241,4259,4268],[21,3965,3967],{"id":3966},"圧縮したら画質が落ちたは設定の問題","「圧縮したら画質が落ちた」は設定の問題",[11,3969,3970,3971,3974,3975,3978],{},"画像を圧縮したあと、ぼやけた・色が飛んだ、という経験は珍しくない。原因のほとんどは",[34,3972,3973],{},"圧縮方式の選択ミス","か",[34,3976,3977],{},"品質パラメータの設定ミス","にある。",[11,3980,3981],{},"画像圧縮には大きく2種類がある。",[42,3983,3984,3990],{},[45,3985,3986,3989],{},[34,3987,3988],{},"可逆圧縮（ロスレス）",": データを完全に復元できる。PNG や WebP のロスレスモードが該当。ファイルサイズの削減幅は小さいが画質は一切変化しない。",[45,3991,3992,3995],{},[34,3993,3994],{},"非可逆圧縮（ロッシー）",": 人間の目に気づかれにくい情報を間引いてサイズを大幅に削減する。JPEG や WebP のロッシーモードが該当。品質値（Quality）の設定が仕上がりを左右する。",[11,3997,3998],{},"写真のような色数が多い画像には JPEG や WebP ロッシー（品質値 75〜85 程度）が向いている。ロゴ・アイコン・スクリーンショットのような図形・文字主体の画像は PNG ロスレスか WebP ロスレスを選ぶと画質劣化を避けられる。",[11,4000,4001,4002,4005],{},"フォーマット選択を間違えると、どれだけ品質値を上げても不要なアーティファクト（圧縮ノイズ）が乗ることがある。まず",[34,4003,4004],{},"用途に合ったフォーマットを選ぶ","のが画質維持の第一歩だ。",[18,4007],{},[21,4009,4011],{"id":4010},"主要ツールの比較画質プライバシーコスト","主要ツールの比較：画質・プライバシー・コスト",[11,4013,4014],{},"市場にはさまざまな圧縮ツールがある。以下の表は代表的なサービスの特徴をまとめたものだ。",[175,4016,4017,4036],{},[178,4018,4019],{},[181,4020,4021,4023,4025,4027,4030,4033],{},[184,4022,500],{},[184,4024,503],{},[184,4026,1205],{},[184,4028,4029],{},"無料枠",[184,4031,4032],{},"ロスレス対応",[184,4034,4035],{},"WebP 出力",[197,4037,4038,4057,4073,4089,4106],{},[181,4039,4040,4043,4046,4049,4052,4055],{},[202,4041,4042],{},"TinyPNG",[202,4044,4045],{},"クラウド",[202,4047,4048],{},"TinyPNG社サーバー",[202,4050,4051],{},"月500枚まで",[202,4053,4054],{},"✗（ロッシーのみ）",[202,4056,251],{},[181,4058,4059,4062,4064,4066,4068,4071],{},[202,4060,4061],{},"Squoosh（Google）",[202,4063,573],{},[202,4065,952],{},[202,4067,576],{},[202,4069,4070],{},"✓",[202,4072,4070],{},[181,4074,4075,4078,4080,4083,4085,4087],{},[202,4076,4077],{},"iLovePDF \u002F iLoveIMG",[202,4079,4045],{},[202,4081,4082],{},"iLove社サーバー",[202,4084,1244],{},[202,4086,251],{},[202,4088,251],{},[181,4090,4091,4094,4096,4099,4102,4104],{},[202,4092,4093],{},"Compressor.io",[202,4095,4045],{},[202,4097,4098],{},"Compressor社サーバー",[202,4100,4101],{},"1ファイル10MBまで",[202,4103,4070],{},[202,4105,251],{},[181,4107,4108,4111,4113,4115,4117,4119],{},[202,4109,4110],{},"zerosend 画像圧縮ツール",[202,4112,573],{},[202,4114,952],{},[202,4116,576],{},[202,4118,4070],{},[202,4120,4070],{},[11,4122,4123,4124,4127],{},"「送信先サーバーなし」の行が重要だ。TinyPNG や iLoveIMG はファイルを外部サーバーにアップロードして処理する。利便性は高いが、",[34,4125,4126],{},"社内資料・個人情報が含まれる画像・NDA対象のデザイン素材","をそのままアップロードするのはリスクがある。",[11,4129,4130],{},"ブラウザ内処理のツール（Squoosh・zerosend）は、ファイルが端末から外に出ない。DevTools の Network タブを開いて確認すれば、アップロード通信が発生していないことを実際に検証できる。",[11,4132,4133,4134,4137,4138,4141],{},"外部送信の可否を気にしない用途なら TinyPNG のような手軽なクラウドツールで十分だが、",[34,4135,4136],{},"機密性が求められるファイル","や",[34,4139,4140],{},"オフライン環境","ではブラウザ内処理一択になる。",[18,4143],{},[21,4145,4147],{"id":4146},"画質を落とさず圧縮する実践的な手順","画質を落とさず圧縮する：実践的な手順",[11,4149,4150],{},"ここでは汎用的な手順を示す。どのツールを使う場合も考え方は共通だ。",[26,4152,4154],{"id":4153},"_1-画像の種類を確認する","1. 画像の種類を確認する",[11,4156,4157],{},"まずファイルを目視確認する。",[42,4159,4160,4163,4166],{},[45,4161,4162],{},"写真・グラデーション → JPEG か WebP ロッシー",[45,4164,4165],{},"ロゴ・アイコン・図・スクリーンショット → PNG か WebP ロスレス",[45,4167,4168],{},"アニメーション → WebP アニメ か GIF",[26,4170,4172],{"id":4171},"_2-品質値qualityを-7585-から始める","2. 品質値（Quality）を 75〜85 から始める",[11,4174,4175,4176,4181],{},"JPEG・WebP ロッシーの場合、品質値 100 は「ほぼ無圧縮」に近い。75〜85 の範囲では人間の目でほぼ判別できない程度の差しか生じないことが多い。",[76,4177,4180],{"href":4178,"rel":4179},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fwebp\u002Fdocs\u002Fcompression",[80],"Google の WebP ドキュメント","でも、品質値 80 前後が画質とサイズのバランスの目安として示されている。",[26,4183,4185],{"id":4184},"_3-出力を元ファイルと並べて比較する","3. 出力を元ファイルと並べて比較する",[11,4187,4188],{},"ツールのプレビュー機能やブラウザの別タブを使い、元画像と圧縮後を 100% 表示で比較する。目立つ劣化がなければその設定で確定する。劣化があれば品質値を 5〜10 上げて再試行する。",[26,4190,4192],{"id":4191},"_4-ファイルサイズの削減率を確認する","4. ファイルサイズの削減率を確認する",[11,4194,4195],{},"目安として、品質 80 前後の JPEG 圧縮では元ファイルの 40〜70% 削減が期待できる。削減率が 10% 未満の場合は、すでに圧縮済みのファイルを再圧縮している可能性が高い。その場合は元の非圧縮ソースから変換し直したほうが効果が出る。",[18,4197],{},[21,4199,4201],{"id":4200},"zerosend-の画像圧縮ツールを使う場合","zerosend の画像圧縮ツールを使う場合",[11,4203,4204,4208],{},[76,4205,4207],{"href":4206},"\u002Ftools\u002Fimage-compress","画像圧縮ツール"," はブラウザ上で完結するため、ファイルをサーバーに送信しない。手順は次の通りだ。",[124,4210,4211,4214,4217,4220],{},[45,4212,4213],{},"ページを開き、画像ファイルをドラッグ&ドロップ（または「ファイルを選択」）",[45,4215,4216],{},"圧縮品質のスライダーで Quality 値を設定（デフォルトは 80）",[45,4218,4219],{},"出力フォーマットを選択（JPEG \u002F PNG \u002F WebP）",[45,4221,4222],{},"「圧縮する」ボタンを押してダウンロード",[11,4224,4225],{},"操作は4ステップで終わる。初回ロード後は Service Worker がリソースをキャッシュするため、次回以降はオフライン環境でも動作する。",[11,4227,4228,4229,4233],{},"なお、画像の縦横サイズを変更したい場合は別途リサイズ操作が必要になる。zerosend には",[76,4230,4232],{"href":4231},"\u002Ftools\u002Fimage-convert","画像変換・リサイズツール","も用意されているため、フォーマット変換と合わせて使うと作業をまとめられる。",[18,4235],{},[21,4237,398],{"id":398},[11,4239,4240],{},"画質を落とさない画像圧縮のポイントは3点に集約される。",[124,4242,4243,4249,4254],{},[45,4244,4245,4248],{},[34,4246,4247],{},"フォーマットを用途に合わせて選ぶ","（写真は JPEG\u002FWebP ロッシー、図形は PNG\u002FWebP ロスレス）",[45,4250,4251],{},[34,4252,4253],{},"品質値は 75〜85 を起点に調整する",[45,4255,4256],{},[34,4257,4258],{},"出力を元画像と並べて目視確認してから確定する",[11,4260,4261,4262,4267],{},"ツール選びでは、ファイルの機密性に応じて「クラウド処理か・ブラウザ内処理か」を判断軸にするとよい。業務上の機密ファイルや個人情報を含む画像を扱う場合は、",[76,4263,4266],{"href":4264,"rel":4265},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FSecurity\u002FSame-origin_policy",[80],"MDN の Same-origin policy"," が示すように、データをどこに送るかを意識することが基本のセキュリティ習慣だ。",[11,4269,4270],{},"クラウド送信を避けたい場面では Squoosh か zerosend のようなブラウザ内処理ツールが現実的な選択肢になる。どちらも無料で使えるため、用途と状況に合わせて使い分けるのが合理的だ。",{"title":422,"searchDepth":423,"depth":423,"links":4272},[4273,4274,4275,4281,4282],{"id":3966,"depth":423,"text":3967},{"id":4010,"depth":423,"text":4011},{"id":4146,"depth":423,"text":4147,"children":4276},[4277,4278,4279,4280],{"id":4153,"depth":428,"text":4154},{"id":4171,"depth":428,"text":4172},{"id":4184,"depth":428,"text":4185},{"id":4191,"depth":428,"text":4192},{"id":4200,"depth":423,"text":4201},{"id":398,"depth":423,"text":398},"画質を維持したまま画像を圧縮する方法を解説。TinyPNG・Squoosh・zerosenの比較表つき。ブラウザだけで完結する無料ツールの使い方も紹介。",{},"\u002Fblog\u002Fimage-compress-no-quality-loss","2026-05-20",{"title":3961,"description":4283},"image-compress-no-quality-loss","blog\u002Fimage-compress-no-quality-loss",[1445,1125,814,457],"pk18n9a2D8WNh5OnONKHkKjSLlJ65Fn-8M2XXUJxXpc",{"id":4293,"title":4294,"author":6,"body":4295,"category":441,"coverImage":442,"description":4633,"draft":444,"extension":445,"locale":446,"meta":4634,"navigation":448,"noindex":444,"path":4635,"publishedAt":4636,"seo":4637,"slug":4638,"stem":4639,"tags":4640,"updatedAt":4636,"__hash__":4641},"blog\u002Fblog\u002Fjpeg-png-webp-difference.md","JPEG・PNG・WebP の違いと使い分け完全ガイド｜どれを選ぶべきか",{"type":8,"value":4296,"toc":4613},[4297,4300,4302,4306,4310,4321,4325,4336,4340,4359,4361,4365,4368,4403,4405,4497,4503,4505,4508,4511,4514,4517,4523,4526,4544,4547,4552,4554,4557,4561,4564,4568,4571,4575,4578,4580,4582,4610],[11,4298,4299],{},"Webサイトに画像を掲載するとき、「JPEG でいいか、PNG の方がきれいか、最近よく聞く WebP はどう使うのか」と迷う場面は多い。形式を間違えると、ページの読み込みが遅くなったり、透過が消えて背景が白く塗りつぶされたりと、見た目や Core Web Vitals に直接影響する。本記事では三つの形式の仕組みから実際の選び方、変換の手順までを実践的に整理する。",[18,4301],{},[21,4303,4305],{"id":4304},"jpegpngwebpそれぞれ何が違うのか","JPEG・PNG・WebP、それぞれ何が違うのか",[26,4307,4309],{"id":4308},"jpegjpg","JPEG（.jpg）",[11,4311,4312,4313,4316,4317,4320],{},"JPEG は ",[34,4314,4315],{},"非可逆圧縮"," を採用した形式で、人間の目が感知しにくい色差情報を間引いてファイルサイズを小さくする。写真や複雑なグラデーションとの相性が良く、品質 75〜85 程度に設定すれば視覚的な劣化をほぼ感じさせずに大幅な軽量化が可能だ。ただし ",[34,4318,4319],{},"透過（アルファチャンネル）は非対応"," で、保存を繰り返すたびに画質が劣化する点に注意が必要。",[26,4322,4324],{"id":4323},"pngpng","PNG（.png）",[11,4326,4327,4328,4331,4332,4335],{},"PNG は ",[34,4329,4330],{},"可逆圧縮"," を採用しており、圧縮・解凍を繰り返しても元のピクセル情報が完全に保持される。ロゴ・アイコン・スクリーンショットなど、エッジが鋭くテキストを含む画像で威力を発揮する。",[34,4333,4334],{},"透過に対応"," しているため、背景を透明にしたロゴをWebサイトに配置する用途では事実上の標準。その分、写真のような複雑な色変化を含む画像ではファイルサイズが JPEG より大きくなりやすい。",[26,4337,4339],{"id":4338},"webpwebp","WebP（.webp）",[11,4341,4342,4343,4346,4347,4352,4353,4358],{},"WebP は Google が開発した形式で、",[34,4344,4345],{},"可逆・非可逆の両モードと透過","をすべてサポートする。",[76,4348,4351],{"href":4349,"rel":4350},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fwebp",[80],"Google の公式データ"," によると、非可逆 WebP は同等画質の JPEG に比べて約 25〜34% 小さく、可逆 WebP は同等の PNG より約 26% 小さい。",[76,4354,4357],{"href":4355,"rel":4356},"https:\u002F\u002Fcaniuse.com\u002Fwebp",[80],"Can I use のデータ"," では 2024 年時点で主要ブラウザのサポート率は 97% を超えており、実用上の互換性問題はほぼ解消されている。",[18,4360],{},[21,4362,4364],{"id":4363},"どれを使うべきか用途別の判断基準","どれを使うべきか：用途別の判断基準",[11,4366,4367],{},"迷ったときは次の三つの問いで絞り込める。",[124,4369,4370,4383,4393],{},[45,4371,4372,4375],{},[34,4373,4374],{},"写真か、テキスト・ロゴか？",[42,4376,4377,4380],{},[45,4378,4379],{},"写真 → WebP（次点で JPEG）",[45,4381,4382],{},"テキスト・ロゴ・イラスト → WebP（次点で PNG）",[45,4384,4385,4388],{},[34,4386,4387],{},"透過が必要か？",[42,4389,4390],{},[45,4391,4392],{},"必要 → WebP または PNG（JPEG は不可）",[45,4394,4395,4398],{},[34,4396,4397],{},"古いシステムや特定の印刷環境など WebP 非対応の環境か？",[42,4399,4400],{},[45,4401,4402],{},"該当する → JPEG（写真）または PNG（ロゴ等）にフォールバック",[26,4404,173],{"id":173},[175,4406,4407,4420],{},[178,4408,4409],{},[181,4410,4411,4413,4415,4417],{},[184,4412,186],{},[184,4414,2945],{},[184,4416,2547],{},[184,4418,4419],{},"WebP",[197,4421,4422,4434,4445,4458,4471,4484],{},[181,4423,4424,4426,4428,4431],{},[202,4425,875],{},[202,4427,878],{},[202,4429,4430],{},"可逆",[202,4432,4433],{},"可逆・非可逆両対応",[181,4435,4436,4439,4441,4443],{},[202,4437,4438],{},"透過（アルファ）",[202,4440,220],{},[202,4442,223],{},[202,4444,223],{},[181,4446,4447,4450,4452,4455],{},[202,4448,4449],{},"ファイルサイズ（写真）",[202,4451,3876],{},[202,4453,4454],{},"大",[202,4456,4457],{},"小",[181,4459,4460,4463,4466,4469],{},[202,4461,4462],{},"ファイルサイズ（ロゴ等）",[202,4464,4465],{},"中〜大",[202,4467,4468],{},"小〜中",[202,4470,4457],{},[181,4472,4473,4476,4479,4481],{},[202,4474,4475],{},"ブラウザ対応",[202,4477,4478],{},"ほぼ全て",[202,4480,4478],{},[202,4482,4483],{},"97%超（2024年）",[181,4485,4486,4488,4491,4494],{},[202,4487,916],{},[202,4489,4490],{},"写真・バナー",[202,4492,4493],{},"ロゴ・スクショ",[202,4495,4496],{},"Web全般",[11,4498,4499,4502],{},[34,4500,4501],{},"結論として、新規 Web 制作で特別な制約がなければ WebP を第一候補にする","のが現時点での合理的な選択だ。既存の JPEG・PNG 資産がある場合は、それらを WebP に変換することでページ速度の改善が見込める。",[18,4504],{},[21,4506,4507],{"id":4507},"実際に形式を変換する方法",[26,4509,4510],{"id":4510},"オンラインツールを使う場合の注意点",[11,4512,4513],{},"Smallpdf や TinyPNG、Adobe Express といった有名なオンラインツールは手軽だが、ファイルをいったんサーバーにアップロードして処理する仕組みをとっている。社外秘のスライドキャプチャや顧客データを含む画像を変換する際は、利用規約とプライバシーポリシーの確認が必要になる。",[26,4515,4516],{"id":4516},"ブラウザ内で処理する方法",[11,4518,329,4519,4522],{},[76,4520,4521],{"href":4231},"画像形式変換ツール"," を使うとブラウザ内だけで変換が完結する。WebAssembly ベースで動作するため、ファイルは外部に送信されない。DevTools の Network タブを開いた状態で変換を実行しても、画像データの通信が発生しないことを自分で確認できる。",[11,4524,4525],{},"操作手順は次のとおりだ。",[124,4527,4528,4532,4535,4538,4541],{},[45,4529,4530,3175],{},[76,4531,4521],{"href":4231},[45,4533,4534],{},"変換したいファイルをドラッグ＆ドロップ、または「ファイルを選択」からアップロード",[45,4536,4537],{},"出力形式（JPEG \u002F PNG \u002F WebP）を選択する",[45,4539,4540],{},"必要に応じて品質を調整し、「変換」を実行",[45,4542,4543],{},"変換後のファイルをダウンロードする",[11,4545,4546],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作する。",[11,4548,4549],{},[630,4550],{"alt":4551,"src":633},"スクショ: 画像形式変換ツールのファイル選択画面",[18,4553],{},[21,4555,4556],{"id":4556},"よくある誤解と落とし穴",[26,4558,4560],{"id":4559},"png-は常に高画質は正確ではない","「PNG は常に高画質」は正確ではない",[11,4562,4563],{},"PNG は可逆圧縮なので情報の欠落はないが、ファイルサイズが大きくなりやすく、ページ速度に悪影響を与えることがある。写真を PNG で保存しても画質は上がらず、サイズだけが増える。写真は WebP か JPEG を使う方が現実的だ。",[26,4565,4567],{"id":4566},"webp-は古いブラウザで使えないは今や過去の話","「WebP は古いブラウザで使えない」は今や過去の話",[11,4569,4570],{},"Internet Explorer の終了（2022 年 6 月）以降、主要なビジネス環境で WebP が表示できないケースは大幅に減った。社内システムが特定の旧ブラウザを強制している場合を除き、WebP の採用を躊躇う理由は薄い。",[26,4572,4574],{"id":4573},"jpeg-の再保存劣化は累積する","JPEG の再保存劣化は累積する",[11,4576,4577],{},"JPEG を編集・保存するたびに非可逆圧縮が適用され、画質が段階的に落ちる。マスターデータは PNG や WebP（可逆モード）で保管し、配布・公開用に JPEG や非可逆 WebP を都度書き出す運用が望ましい。",[18,4579],{},[21,4581,398],{"id":398},[42,4583,4584,4589,4595,4601],{},[45,4585,4586,4588],{},[34,4587,4490],{}," → WebP（互換性が問題なければ）、次点で JPEG",[45,4590,4591,4594],{},[34,4592,4593],{},"ロゴ・アイコン・透過が必要な画像"," → WebP または PNG",[45,4596,4597,4600],{},[34,4598,4599],{},"新規 Web 制作全般"," → WebP を基本とし、フォールバックが必要な場合のみ JPEG\u002FPNG を使う",[45,4602,4603,4606,4607,4609],{},[34,4604,4605],{},"変換時にファイルをサーバーに送りたくない場合"," → ブラウザ完結型の ",[76,4608,4521],{"href":4231}," が選択肢になる",[11,4611,4612],{},"形式の選択一つで LCP（Largest Contentful Paint）や CLS（Cumulative Layout Shift）といった Core Web Vitals 指標に影響が出る。小さな意思決定の積み重ねがページ全体のパフォーマンスと SEO に効いてくる。",{"title":422,"searchDepth":423,"depth":423,"links":4614},[4615,4620,4623,4627,4632],{"id":4304,"depth":423,"text":4305,"children":4616},[4617,4618,4619],{"id":4308,"depth":428,"text":4309},{"id":4323,"depth":428,"text":4324},{"id":4338,"depth":428,"text":4339},{"id":4363,"depth":423,"text":4364,"children":4621},[4622],{"id":173,"depth":428,"text":173},{"id":4507,"depth":423,"text":4507,"children":4624},[4625,4626],{"id":4510,"depth":428,"text":4510},{"id":4516,"depth":428,"text":4516},{"id":4556,"depth":423,"text":4556,"children":4628},[4629,4630,4631],{"id":4559,"depth":428,"text":4560},{"id":4566,"depth":428,"text":4567},{"id":4573,"depth":428,"text":4574},{"id":398,"depth":423,"text":398},"JPEG・PNG・WebP の違いを画質・ファイルサイズ・透過・対応ブラウザの観点で比較。Web担当者やビジネスパーソンが迷わず形式を選べるよう実践的に解説します。",{},"\u002Fblog\u002Fjpeg-png-webp-difference","2026-05-19",{"title":4294,"description":4633},"jpeg-png-webp-difference","blog\u002Fjpeg-png-webp-difference",[1743,456,457,2594],"9dQaLCdyLgXuv_IQveNVOMwTHUIQLW9xfGj_d9pT4nI",{"id":4643,"title":4644,"author":6,"body":4645,"category":441,"coverImage":442,"description":4947,"draft":444,"extension":445,"locale":446,"meta":4948,"navigation":448,"noindex":444,"path":4949,"publishedAt":4950,"seo":4951,"slug":4952,"stem":4953,"tags":4954,"updatedAt":4950,"__hash__":4957},"blog\u002Fblog\u002Fpdf-merge-free-no-signup.md","PDF結合を無料・登録不要でやる方法と選び方【2026年版】",{"type":8,"value":4646,"toc":4931},[4647,4650,4653,4655,4659,4662,4666,4669,4673,4680,4684,4687,4689,4692,4695,4699,4708,4712,4715,4719,4722,4724,4727,4824,4833,4838,4840,4844,4847,4866,4869,4878,4883,4885,4887,4893,4899,4905,4917,4919,4921,4924],[11,4648,4649],{},"複数のPDFファイルを1つにまとめたい場面は、日常業務でも頻繁に起きる。見積書と仕様書を一緒に送りたい、月次レポートを一本化したい、スキャンした書類を整理したい——目的は様々でも、「手軽にできる無料ツールが欲しい」という需要は共通している。",[11,4651,4652],{},"検索すると多数のツールがヒットするが、「アカウント登録が必要」「無料枠に制限がある」「ファイルをサーバーにアップロードする」といった制約が後から判明することも多い。この記事では、登録不要・完全無料でPDFを結合する方法を整理し、ツール選択の基準も明確にする。",[18,4654],{},[21,4656,4658],{"id":4657},"pdfを結合する主な方法","PDFを結合する主な方法",[11,4660,4661],{},"PDFを結合する手段は大きく3種類ある。",[26,4663,4665],{"id":4664},"_1-デスクトップアプリを使う","1. デスクトップアプリを使う",[11,4667,4668],{},"Adobe AcrobatやMacのプレビューアプリがこれにあたる。Mac標準のプレビューであれば追加インストール不要で結合でき、ファイルは手元で完結する。ただしWindowsユーザーには使えず、Adobe Acrobatは有料プランが前提となる。",[26,4670,4672],{"id":4671},"_2-オンラインツールを使う","2. オンラインツールを使う",[11,4674,4675,4676,4679],{},"SmallpdfやiLovePDFは代表的なオンラインPDF結合ツールで、直感的なUIと多機能が強みだ。ただし、",[34,4677,4678],{},"ファイルはいったんサービスのサーバーにアップロードされる","。利用規約上は処理後に削除されるとしているツールが多いが、機密度の高い書類や個人情報を含むPDFには使いにくい場面もある。また、SmallpdfとiLovePDFはいずれも無料枠に1日あたりの処理件数制限や、機能制限がある。",[26,4681,4683],{"id":4682},"_3-ブラウザ内処理ツールを使う","3. ブラウザ内処理ツールを使う",[11,4685,4686],{},"近年、WebAssembly（WASM）の普及によって、ブラウザだけで重い処理を完結させるツールが増えている。ファイルをサーバーに送らずにPDFを結合できるため、機密書類でも安心して使える。登録不要・完全無料で提供されているものもある。",[18,4688],{},[21,4690,4691],{"id":4691},"ツール選択の3つの基準",[11,4693,4694],{},"PDF結合ツールを選ぶ際に確認すべき点は以下の3つだ。",[26,4696,4698],{"id":4697},"ファイルがどこに送られるか","① ファイルがどこに送られるか",[11,4700,4701,4702,4707],{},"「無料」であっても、ファイルをサーバーにアップロードするツールはデータが外部に渡るリスクがある。ブラウザのDevToolsのNetworkタブを開いてファイル選択後の通信を確認する方法が最も確実だ。サーバーへの送信が気になる場合は、",[76,4703,4706],{"href":4704,"rel":4705},"https:\u002F\u002Fwww.w3.org\u002FTR\u002Fprivacy-principles\u002F",[80],"W3C Privacy Principles"," にあるように「データを最小化すること」が設計原則として重視されており、ブラウザ内完結型はその実践例にあたる。",[26,4709,4711],{"id":4710},"登録ログインが必要かどうか","② 登録・ログインが必要かどうか",[11,4713,4714],{},"メールアドレスの登録が必要なツールは、マーケティングメールが届くリスクがある。業務でスポット的に使いたい場合は、アカウント不要で動くツールが便利だ。",[26,4716,4718],{"id":4717},"ファイル数ページ数の制限","③ ファイル数・ページ数の制限",[11,4720,4721],{},"無料プランのままで何件でも処理できるかを確認する。SmallpdfやiLovePDFは日次の処理件数に上限があるため、量が多い日には不便になることがある。",[18,4723],{},[21,4725,4726],{"id":4726},"主要ツールの比較",[175,4728,4729,4746],{},[178,4730,4731],{},[181,4732,4733,4736,4738,4740,4743],{},[184,4734,4735],{},"ツール名",[184,4737,1205],{},[184,4739,1900],{},[184,4741,4742],{},"無料枠の制限",[184,4744,4745],{},"ページ数上限",[197,4747,4748,4764,4779,4794,4807],{},[181,4749,4750,4753,4755,4758,4761],{},[202,4751,4752],{},"Smallpdf",[202,4754,1866],{},[202,4756,4757],{},"一部機能で必要",[202,4759,4760],{},"1日2件まで",[202,4762,4763],{},"なし（無料枠内）",[181,4765,4766,4769,4771,4774,4777],{},[202,4767,4768],{},"iLovePDF",[202,4770,1866],{},[202,4772,4773],{},"不要（一部制限あり）",[202,4775,4776],{},"処理件数制限あり",[202,4778,952],{},[181,4780,4781,4784,4787,4789,4792],{},[202,4782,4783],{},"Adobe Acrobat Web",[202,4785,4786],{},"あり（Adobe クラウド）",[202,4788,1852],{},[202,4790,4791],{},"月2回まで",[202,4793,952],{},[181,4795,4796,4799,4801,4803,4805],{},[202,4797,4798],{},"Mac プレビュー",[202,4800,3842],{},[202,4802,1250],{},[202,4804,952],{},[202,4806,952],{},[181,4808,4809,4812,4816,4818,4822],{},[202,4810,4811],{},"zerosend PDF結合",[202,4813,4814],{},[34,4815,3850],{},[202,4817,1250],{},[202,4819,4820],{},[34,4821,952],{},[202,4823,952],{},[11,4825,4826,4827,4832],{},"zerosendの",[76,4828,4831],{"href":4829,"rel":4830},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fpdf-merge",[80],"PDF 結合ツール","は、pdf-libをWASMベースでブラウザ内で動かしているため、ファイルは一切外部に送信されない。ブラウザのNetworkタブで通信を確認しても、PDFのアップロードは発生しない。",[11,4834,4835],{},[630,4836],{"alt":4837,"src":633},"スクショ: zerosend PDF結合ツールのファイル選択画面",[18,4839],{},[21,4841,4843],{"id":4842},"zerosend-でpdfを結合する手順","zerosend でPDFを結合する手順",[11,4845,4846],{},"実際の操作は次の流れで完結する。",[124,4848,4849,4854,4857,4860,4863],{},[45,4850,4851,3175],{},[76,4852,4831],{"href":4829,"rel":4853},[80],[45,4855,4856],{},"「ファイルを追加」ボタンをクリックするか、ドラッグ＆ドロップでPDFを追加する",[45,4858,4859],{},"ファイルの並び順をドラッグで調整する（結合後のページ順になる）",[45,4861,4862],{},"「結合してダウンロード」ボタンをクリックする",[45,4864,4865],{},"処理はブラウザ内で実行され、完成したPDFが自動でダウンロードされる",[11,4867,4868],{},"登録不要で、操作から完了まで1分以内が目安だ。初回ロード後はService Workerによってキャッシュされるため、2回目以降はオフライン環境でも動作する。",[11,4870,4871,4872,4877],{},"処理の実装には ",[76,4873,4876],{"href":4874,"rel":4875},"https:\u002F\u002Fpdf-lib.js.org\u002F",[80],"pdf-lib","（MITライセンス）が使われており、ブラウザのJavaScriptエンジン上でPDFの結合・書き出しを行う。外部APIコールは発生しない。",[11,4879,4880],{},[630,4881],{"alt":4882,"src":633},"スクショ: 結合完了後のダウンロード画面",[18,4884],{},[21,4886,3189],{"id":3189},[11,4888,4889,4892],{},[34,4890,4891],{},"Q. 結合できるPDFのファイル数に上限はあるか？","\nzerosendには現時点でファイル数の上限は設けていない。ただしファイルサイズが大きくなるほどブラウザのメモリを消費するため、非常に大量のファイルを一度に処理する場合はメモリ不足が起きる可能性がある。",[11,4894,4895,4898],{},[34,4896,4897],{},"Q. パスワード付きPDFは結合できるか？","\nパスワードで保護されたPDFは、先に保護を解除してから結合する必要がある。zerosendでは現時点でパスワード解除機能は別ツールとして提供していないため、Macのプレビューなどで事前に解除する方法が現実的だ。",[11,4900,4901,4904],{},[34,4902,4903],{},"Q. スマートフォンでも使えるか？","\nブラウザベースのツールのため、iOS・Androidのモバイルブラウザからも利用できる。ただしファイル選択のUIがデスクトップと異なるため、大量のファイルを扱う作業はPCのほうが操作しやすい。",[11,4906,4907,4910,4911,4916],{},[34,4908,4909],{},"Q. 結合したPDFのファイルサイズが大きくなることはあるか？","\npdf-libによる結合では、各PDFのコンテンツをそのまま統合するため、基本的にはファイルサイズが単純に合算される。圧縮処理は別途行う必要がある。zerosendでは",[76,4912,4915],{"href":4913,"rel":4914},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fpdf-compress",[80],"PDFの圧縮ツール","も提供しており、結合後のファイルサイズを削減したい場合に利用できる。",[18,4918],{},[21,4920,398],{"id":398},[11,4922,4923],{},"PDF結合ツールを選ぶ上でまず確認すべきは「ファイルがどこに行くか」だ。機密書類を扱う場合、ブラウザ内処理型のツールはサーバー送信リスクをゼロにする現実的な選択肢になる。",[11,4925,4926,4927,4930],{},"登録不要・制限なし・ブラウザ完結という条件をすべて満たすツールは選択肢が限られるが、zerosendの",[76,4928,4831],{"href":4829,"rel":4929},[80],"はその条件を満たしている。用途と要件に合わせて適切なツールを選んでほしい。",{"title":422,"searchDepth":423,"depth":423,"links":4932},[4933,4938,4943,4944,4945,4946],{"id":4657,"depth":423,"text":4658,"children":4934},[4935,4936,4937],{"id":4664,"depth":428,"text":4665},{"id":4671,"depth":428,"text":4672},{"id":4682,"depth":428,"text":4683},{"id":4691,"depth":423,"text":4691,"children":4939},[4940,4941,4942],{"id":4697,"depth":428,"text":4698},{"id":4710,"depth":428,"text":4711},{"id":4717,"depth":428,"text":4718},{"id":4726,"depth":423,"text":4726},{"id":4842,"depth":423,"text":4843},{"id":3189,"depth":423,"text":3189},{"id":398,"depth":423,"text":398},"複数のPDFを1つにまとめたい人向けに、登録不要で使える無料ツールの選び方と、ブラウザだけで完結するプライバシー安全な方法を解説します。",{},"\u002Fblog\u002Fpdf-merge-free-no-signup","2026-05-18",{"title":4644,"description":4947},"pdf-merge-free-no-signup","blog\u002Fpdf-merge-free-no-signup",[4955,814,4956,500],"結合","セキュリティ","8K3tXDDrw4mf_WvVHUHJtxXhfes5YVMRHGh9JVyrM9w",{"id":4959,"title":4960,"author":6,"body":4961,"category":441,"coverImage":442,"description":5244,"draft":444,"extension":445,"locale":446,"meta":5245,"navigation":448,"noindex":444,"path":5246,"publishedAt":5247,"seo":5248,"slug":5249,"stem":5250,"tags":5251,"updatedAt":5247,"__hash__":5252},"blog\u002Fblog\u002Fvideo-to-gif-slack-teams.md","動画をGIFに変換してSlack・Teamsで共有する方法【ブラウザ完結】",{"type":8,"value":4962,"toc":5228},[4963,4967,4970,4976,4982,4988,4990,4994,4997,5001,5008,5011,5014,5016,5022,5024,5027,5030,5121,5128,5130,5134,5137,5178,5183,5185,5189,5193,5196,5199,5208,5211,5214,5216,5218,5221],[21,4964,4966],{"id":4965},"slackやteamsで動画を送ると起きる問題","SlackやTeamsで動画を送ると起きる問題",[11,4968,4969],{},"画面収録やデモ映像をチームメンバーに共有したいとき、真っ先に思い浮かぶのはファイルを添付することだろう。しかしMP4やMOVをそのままSlackやMicrosoft Teamsに貼り付けると、いくつかの壁にぶつかる。",[11,4971,4972,4975],{},[34,4973,4974],{},"ファイルサイズの上限","がその代表だ。Slackの無料プランでは1ファイル最大1GB（ただし実運用では数十MBを超えると転送が重くなる）、Teamsも添付可能サイズはプランと設定によって異なり、数分の動画がそのまま通らないケースは珍しくない。",[11,4977,4978,4981],{},[34,4979,4980],{},"再生体験の問題","もある。動画ファイルは受信側がクリックして再生アプリを起動しなければならないため、チャットの文脈でパッと確認してもらいにくい。対してGIF形式であれば、SlackもTeamsもタイムライン上でそのまま自動再生される。ちょっとした操作手順やUIの動きを伝えるには、GIFのほうが圧倒的に手軽だ。",[11,4983,4984,4987],{},[34,4985,4986],{},"音声が不要な場面ではGIFで十分","というケースも多い。バグの再現手順、デザインのホバーエフェクト、スライドのトランジション確認——これらは音なしのループ映像で事足りる。",[18,4989],{},[21,4991,4993],{"id":4992},"gif変換でよく使われる手段とその注意点","GIF変換でよく使われる手段とその注意点",[11,4995,4996],{},"動画をGIFに変換する方法はいくつかある。それぞれの特徴を把握しておくと、用途に応じた選択がしやすい。",[26,4998,5000],{"id":4999},"オンラインツールwebサービス型","オンラインツール（Webサービス型）",[11,5002,5003,5004,5007],{},"Ezgif、Convertio、Adobe Expressなどが代表的だ。ブラウザからアクセスしてファイルをアップロードするだけで変換できる手軽さが魅力だが、",[34,5005,5006],{},"ファイルが外部サーバーにアップロードされる","点は見落とせない。業務上の画面収録や社内資料の映像を含む場合、情報セキュリティポリシーによってはそもそも利用できない。また無料プランでは変換後のファイルにウォーターマークが入ることもある。",[26,5009,5010],{"id":5010},"デスクトップアプリ",[11,5012,5013],{},"FFmpegをCLIで使う方法は自由度が高く、品質設定も細かく制御できる。ただし非エンジニアには敷居が高い。HandbrakeやGIFoxなどGUIアプリもあるが、インストール作業が発生するため、社用PCのソフトウェア管理が厳しい環境では導入できないことがある。",[26,5015,1830],{"id":1830},[11,5017,613,5018,5021],{},[76,5019,618],{"href":616,"rel":5020},[80],"の普及により、FFmpegなどの処理をブラウザ内で直接実行できるツールが増えている。ファイルをサーバーに送らず、変換処理がすべてローカルで完結するため、セキュリティ上の懸念が少ない。",[18,5023],{},[21,5025,5026],{"id":5026},"ブラウザ内で変換する選択肢の比較",[11,5028,5029],{},"主な手段を以下の表で整理する。",[175,5031,5032,5048],{},[178,5033,5034],{},[181,5035,5036,5039,5041,5043,5045],{},[184,5037,5038],{},"ツール \u002F 方法",[184,5040,1205],{},[184,5042,1214],{},[184,5044,541],{},[184,5046,5047],{},"ウォーターマーク",[197,5049,5050,5065,5078,5093,5106],{},[181,5051,5052,5055,5058,5060,5063],{},[202,5053,5054],{},"Ezgif",[202,5056,5057],{},"あり（外部）",[202,5059,1250],{},[202,5061,5062],{},"基本無料",[202,5064,952],{},[181,5066,5067,5070,5072,5074,5076],{},[202,5068,5069],{},"Convertio",[202,5071,5057],{},[202,5073,1250],{},[202,5075,1244],{},[202,5077,952],{},[181,5079,5080,5083,5086,5088,5091],{},[202,5081,5082],{},"Adobe Express",[202,5084,5085],{},"あり（Adobe）",[202,5087,1250],{},[202,5089,5090],{},"一部無料",[202,5092,952],{},[181,5094,5095,5098,5100,5102,5104],{},[202,5096,5097],{},"FFmpeg（CLI）",[202,5099,3842],{},[202,5101,1231],{},[202,5103,541],{},[202,5105,952],{},[181,5107,5108,5111,5115,5117,5119],{},[202,5109,5110],{},"zerosend 動画→GIF",[202,5112,5113],{},[34,5114,3850],{},[202,5116,1250],{},[202,5118,541],{},[202,5120,952],{},[11,5122,4826,5123,5127],{},[76,5124,333],{"href":5125,"rel":5126},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fvideo-to-gif",[80],"は、ffmpeg.wasmをブラウザ内で実行することで変換を完結させる。ファイルが外部に出ないことはDevToolsのNetworkタブで確認できる——これはツール側の主張ではなく、ユーザー自身が検証可能な事実だ。",[18,5129],{},[21,5131,5133],{"id":5132},"実際の変換手順zerosendを使う場合","実際の変換手順（zerosendを使う場合）",[11,5135,5136],{},"操作は単純で、以下の流れで完結する。",[124,5138,5139,5148,5154,5160,5166,5172],{},[45,5140,5141,5147],{},[34,5142,5143,5146],{},[76,5144,333],{"href":5125,"rel":5145},[80],"にアクセスする","\nインストールもアカウント登録も不要。ブラウザだけで動作する。",[45,5149,5150,5153],{},[34,5151,5152],{},"変換したい動画ファイルをドラッグ＆ドロップ、またはファイル選択で読み込む","\nMP4、MOV、WebMなど主要な形式に対応している。",[45,5155,5156,5159],{},[34,5157,5158],{},"開始時間・終了時間を指定してトリミングする","\nSlackで共有するなら15〜30秒程度に絞ると、ファイルサイズが抑えられて表示も軽くなる。",[45,5161,5162,5165],{},[34,5163,5164],{},"フレームレートと解像度を調整する","\nGIFはフレーム数が多いほどファイルサイズが大きくなる。Slack・Teamsでの閲覧なら10〜15fps、幅640px前後が現実的な落としどころだ。",[45,5167,5168,5171],{},[34,5169,5170],{},"「変換」を実行してダウンロードする","\n変換処理はブラウザ内で行われるため、インターネット接続が不安定な環境でも初回ロード後は動作する。",[45,5173,5174,5177],{},[34,5175,5176],{},"GIFをSlack \u002F Teamsに貼り付ける","\nチャット入力欄にドラッグ＆ドロップするか、クリップボードから貼り付けると、タイムライン上でそのまま自動再生される。",[11,5179,5180],{},[630,5181],{"alt":5182,"src":633},"スクショ: zerosend 動画→GIF ツールの操作画面",[18,5184],{},[21,5186,5188],{"id":5187},"gif変換で失敗しないためのポイント","GIF変換で失敗しないためのポイント",[26,5190,5192],{"id":5191},"ファイルサイズは8mb以下を目安にする","ファイルサイズは「8MB以下」を目安にする",[11,5194,5195],{},"Slackはインラインプレビューされるファイルサイズに実質的な上限がある。経験則として8MB以下に収めると表示が安定しやすい。フレームレートを下げる、解像度を縮小する、尺を短くする——この三つを組み合わせると大幅に削減できる。",[26,5197,5198],{"id":5198},"カラー数を減らすとさらに軽くなる",[11,5200,5201,5202,5207],{},"GIFは最大256色までしか扱えない仕様（",[76,5203,5206],{"href":5204,"rel":5205},"https:\u002F\u002Fwww.w3.org\u002FGraphics\u002FGIF\u002Fspec-gif89a.txt",[80],"W3C GIF仕様","参照）だ。色数を128色や64色に落とすオプションがツールに存在する場合は活用すると良い。画面収録のようにUI要素が多い映像では、色数を減らしても見た目への影響は軽微なことが多い。",[26,5209,5210],{"id":5210},"機密情報が映り込んでいないか確認する",[11,5212,5213],{},"変換前に動画を見直し、個人情報・社外秘データ・認証情報が画面に映っていないかチェックする。ブラウザ内処理ツールを使ってもこの確認は省けない。ツールの安全性とコンテンツの確認は別の問題だ。",[18,5215],{},[21,5217,398],{"id":398},[11,5219,5220],{},"動画をGIFに変換してSlack・Teamsで共有することで、ファイルサイズの問題を回避しつつチャット上で即座に内容を伝えられる。変換手段の選択にあたっては、「外部サーバーへのアップロードの有無」「インストール不要かどうか」「ウォーターマークの有無」の三点を確認するのが基本だ。",[11,5222,5223,5224,5227],{},"業務上の画面収録を扱う場合やセキュリティポリシーが厳しい環境では、ブラウザ内処理で完結するツールを選ぶことでリスクを低減できる。",[76,5225,333],{"href":5125,"rel":5226},[80],"はその選択肢の一つとして機能する。目的と状況に合わせて使い分けてほしい。",{"title":422,"searchDepth":423,"depth":423,"links":5229},[5230,5231,5236,5237,5238,5243],{"id":4965,"depth":423,"text":4966},{"id":4992,"depth":423,"text":4993,"children":5232},[5233,5234,5235],{"id":4999,"depth":428,"text":5000},{"id":5010,"depth":428,"text":5010},{"id":1830,"depth":428,"text":1830},{"id":5026,"depth":423,"text":5026},{"id":5132,"depth":423,"text":5133},{"id":5187,"depth":423,"text":5188,"children":5239},[5240,5241,5242],{"id":5191,"depth":428,"text":5192},{"id":5198,"depth":428,"text":5198},{"id":5210,"depth":428,"text":5210},{"id":398,"depth":423,"text":398},"動画ファイルをGIFに変換してSlackやTeamsで手軽に共有する手順を解説。サーバー送信不要のブラウザ内処理ツールを含め、選択肢を比較して紹介。",{},"\u002Fblog\u002Fvideo-to-gif-slack-teams","2026-05-17",{"title":4960,"description":5244},"video-to-gif-slack-teams","blog\u002Fvideo-to-gif-slack-teams",[455,456,1446,814],"qUxUN4RDhoOu41emBcQbEqw9MYE9Om8QfeBFQ443FSc",{"id":5254,"title":5255,"author":6,"body":5256,"category":441,"coverImage":442,"description":5548,"draft":444,"extension":445,"locale":446,"meta":5549,"navigation":448,"noindex":444,"path":5550,"publishedAt":5551,"seo":5552,"slug":5553,"stem":5554,"tags":5555,"updatedAt":5551,"__hash__":5556},"blog\u002Fblog\u002Fheic-jpg-convert-guide.md","HEIC を JPG に変換する方法｜Windows・Mac 対応の完全ガイド",{"type":8,"value":5257,"toc":5532},[5258,5262,5265,5268,5271,5273,5277,5281,5284,5298,5301,5305,5308,5310,5314,5318,5321,5335,5338,5342,5345,5347,5350,5357,5360,5369,5372,5454,5456,5459,5462,5469,5472,5486,5489,5497,5499,5501,5504,5529],[21,5259,5261],{"id":5260},"heic-とは何かなぜ-jpg-に変換する必要があるのか","HEIC とは何か、なぜ JPG に変換する必要があるのか",[11,5263,5264],{},"HEIC（High Efficiency Image Container）は Apple が iOS 11 以降のデフォルト形式として採用した画像フォーマットです。同じ画質で JPEG の約半分のファイルサイズを実現できるため、iPhone や iPad のストレージ節約に効果的です。",[11,5266,5267],{},"しかし HEIC には大きな互換性の問題があります。Windows 標準の「フォト」アプリでは追加コーデックなしに開けず、多くの Web サービスやビジネス向けツールも HEIC 入稿に対応していません。社内資料への貼り付け、EC サイトへの商品画像アップロード、クライアントへのデータ納品など、「iPhoneで撮影したら開けなかった」というトラブルは日常的に発生します。",[11,5269,5270],{},"JPG（JPEG）はほぼすべての OS・ブラウザ・アプリで表示できる事実上の標準フォーマットです。ファイル共有やアップロードで困らないために、用途に応じて HEIC から JPG への変換が必要になります。",[18,5272],{},[21,5274,5276],{"id":5275},"windows-で-heic-を-jpg-に変換する方法","Windows で HEIC を JPG に変換する方法",[26,5278,5280],{"id":5279},"microsoft-store-のコーデックを使う無料","Microsoft Store のコーデックを使う（無料）",[11,5282,5283],{},"Windows 10 \u002F 11 では、Microsoft Store から「HEIF 画像拡張機能」をインストールすることで、フォトアプリで HEIC を開いて JPG として書き出せます。",[124,5285,5286,5289,5292,5295],{},[45,5287,5288],{},"Microsoft Store を開き「HEIF 画像拡張機能」を検索してインストール",[45,5290,5291],{},"HEIC ファイルをフォトアプリで開く",[45,5293,5294],{},"右上の「…」メニューから「名前を付けて保存」を選択",[45,5296,5297],{},"ファイルの種類を「JPEG」に変更して保存",[11,5299,5300],{},"枚数が少ない場合に有効ですが、複数ファイルの一括変換には向きません。また、コーデックのインストールが必要なため、共用 PC や会社端末では適用できないケースもあります。",[26,5302,5304],{"id":5303},"windows-のペイントを使う","Windows のペイントを使う",[11,5306,5307],{},"コーデックをインストール済みであれば、ペイントで HEIC を開いて「名前を付けて保存」から JPEG を選択できます。手順はシンプルですが、1枚ずつの作業になります。",[18,5309],{},[21,5311,5313],{"id":5312},"mac-で-heic-を-jpg-に変換する方法","Mac で HEIC を JPG に変換する方法",[26,5315,5317],{"id":5316},"プレビューアプリを使う標準機能","プレビューアプリを使う（標準機能）",[11,5319,5320],{},"Mac には標準で HEIC 対応の「プレビュー」アプリが付属しており、変換は数ステップで完了します。",[124,5322,5323,5326,5329,5332],{},[45,5324,5325],{},"HEIC ファイルをプレビューで開く",[45,5327,5328],{},"メニューバーから「ファイル」→「書き出す」を選択",[45,5330,5331],{},"フォーマットを「JPEG」に変更し、画質スライダーで品質を調整",[45,5333,5334],{},"「保存」をクリック",[11,5336,5337],{},"複数ファイルをまとめて変換したい場合は、Finder で HEIC ファイルを複数選択した状態でプレビューを開き、「ファイル」→「書き出す」を実行すると一括処理できます。",[26,5339,5341],{"id":5340},"automator-または-ショートカットアプリを使う","automator または ショートカットアプリを使う",[11,5343,5344],{},"macOS Monterey 以降では「ショートカット」アプリに「画像を変換」アクションがあり、HEIC → JPEG の自動化フローを構築できます。定期的に大量の変換が必要な場合に便利です。",[18,5346],{},[21,5348,5349],{"id":5349},"オンラインツールで変換する場合の注意点",[11,5351,5352,5353,5356],{},"「HEIC JPG 変換」で検索すると、Smallpdf・iLovePDF・Convertio など多数のオンライン変換サービスが見つかります。ブラウザから利用できる手軽さがある一方で、",[34,5354,5355],{},"ファイルがサービスのサーバーにアップロードされる","という点には注意が必要です。",[11,5358,5359],{},"個人の記念写真、企業の商品画像、契約書類の添付ファイルなど、内容によってはアップロード自体がセキュリティリスクになり得ます。各サービスのプライバシーポリシーで「アップロードされたファイルの保持期間」「サードパーティとの共有可否」を確認する習慣をつけることを推奨します。",[11,5361,5362,5363,5368],{},"参考: ",[76,5364,5367],{"href":5365,"rel":5366},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FFile_API",[80],"MDN Web Docs — File API"," では、ブラウザがローカルファイルを読み取る仕組みが解説されており、サーバー送信なしに処理できる技術的な背景を理解できます。",[26,5370,5371],{"id":5371},"ツール別の比較",[175,5373,5374,5389],{},[178,5375,5376],{},[181,5377,5378,5380,5382,5384,5386],{},[184,5379,500],{},[184,5381,503],{},[184,5383,1205],{},[184,5385,4029],{},[184,5387,5388],{},"一括変換",[197,5390,5391,5405,5417,5430],{},[181,5392,5393,5395,5397,5400,5403],{},[202,5394,4752],{},[202,5396,4045],{},[202,5398,5399],{},"あり（EU サーバー）",[202,5401,5402],{},"1日2ファイルまで",[202,5404,248],{},[181,5406,5407,5409,5411,5413,5415],{},[202,5408,4768],{},[202,5410,4045],{},[202,5412,947],{},[202,5414,1244],{},[202,5416,248],{},[181,5418,5419,5421,5423,5425,5428],{},[202,5420,5069],{},[202,5422,4045],{},[202,5424,947],{},[202,5426,5427],{},"100MB\u002F月",[202,5429,248],{},[181,5431,5432,5437,5441,5445,5450],{},[202,5433,5434],{},[34,5435,5436],{},"zerosend HEIC → JPG",[202,5438,5439],{},[34,5440,573],{},[202,5442,5443],{},[34,5444,952],{},[202,5446,5447],{},[34,5448,5449],{},"無制限",[202,5451,5452],{},[34,5453,248],{},[18,5455],{},[21,5457,5458],{"id":5458},"サーバーに送信しないブラウザ内変換という選択肢",[11,5460,5461],{},"プライバシーを優先したい場合や、社外秘のファイルを扱う場合は、ブラウザ内だけで処理が完結するツールを選ぶのが合理的です。",[11,5463,5464,5468],{},[76,5465,3167],{"href":5466,"rel":5467},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fheic-to-jpg",[80]," は、WebAssembly（WASM）を使ってブラウザ内で変換処理を実行します。ファイルは外部サーバーに一切送信されないため、DevTools の Network タブでも通信が発生しないことを確認できます。登録不要・完全無料で、複数ファイルの一括変換にも対応しています。",[11,5470,5471],{},"操作手順はシンプルです。",[124,5473,5474,5477,5480,5483],{},[45,5475,5476],{},"ページを開き、HEIC ファイルをドラッグ＆ドロップ（または「ファイルを選択」）",[45,5478,5479],{},"変換後の品質（JPEG クオリティ）を必要に応じて調整",[45,5481,5482],{},"「変換する」ボタンをクリック",[45,5484,5485],{},"変換完了後に JPG ファイルをダウンロード",[11,5487,5488],{},"初回ロード後は Service Worker によってキャッシュされるため、オフライン環境でも動作します。Windows・Mac の両方で同じ手順で使えます。",[11,5490,5491,5492,5496],{},"WebAssembly の仕組みについては ",[76,5493,5495],{"href":639,"rel":5494},[80],"W3C の WebAssembly 仕様"," も参照してください。",[18,5498],{},[21,5500,398],{"id":398},[11,5502,5503],{},"HEIC を JPG に変換する主な方法を整理します。",[42,5505,5506,5512,5518,5524],{},[45,5507,5508,5511],{},[34,5509,5510],{},"Windows",": Microsoft Store のコーデックをインストール後、フォトアプリで保存",[45,5513,5514,5517],{},[34,5515,5516],{},"Mac",": 標準のプレビューアプリから「書き出す」で JPEG を選択",[45,5519,5520,5523],{},[34,5521,5522],{},"オンラインツール",": 手軽だがサーバーへのファイル送信が伴う点を把握して使う",[45,5525,5526,5528],{},[34,5527,1830],{},": プライバシーを優先したい場合の選択肢",[11,5530,5531],{},"使用頻度や扱うファイルの性質に応じて、最適な方法を選んでください。OS 標準機能は追加コストがなく安全ですが、複数ファイルの一括変換やデバイスを選ばない手軽さを求める場合は、ブラウザ内処理のツールが実用的な選択肢になります。",{"title":422,"searchDepth":423,"depth":423,"links":5533},[5534,5535,5539,5543,5546,5547],{"id":5260,"depth":423,"text":5261},{"id":5275,"depth":423,"text":5276,"children":5536},[5537,5538],{"id":5279,"depth":428,"text":5280},{"id":5303,"depth":428,"text":5304},{"id":5312,"depth":423,"text":5313,"children":5540},[5541,5542],{"id":5316,"depth":428,"text":5317},{"id":5340,"depth":428,"text":5341},{"id":5349,"depth":423,"text":5349,"children":5544},[5545],{"id":5371,"depth":428,"text":5371},{"id":5458,"depth":423,"text":5458},{"id":398,"depth":423,"text":398},"iPhoneで撮影したHEICファイルをWindows・MacでJPGに変換する方法を解説。オンラインツールやOS標準機能の使い方、プライバシーリスクの注意点まで網羅。",{},"\u002Fblog\u002Fheic-jpg-convert-guide","2026-05-16",{"title":5255,"description":5548},"heic-jpg-convert-guide","blog\u002Fheic-jpg-convert-guide",[1743,456,814,500],"lJeDrFjTyrGaJh70lXiyKtpe1M-10bYlApy1i6G3k5c",{"id":5558,"title":5559,"author":6,"body":5560,"category":441,"coverImage":442,"description":5705,"draft":444,"extension":445,"locale":446,"meta":5706,"navigation":448,"noindex":444,"path":5707,"publishedAt":5708,"seo":5709,"slug":5710,"stem":5711,"tags":5712,"updatedAt":5708,"__hash__":5713},"blog\u002Fblog\u002Fqr-code-business-card.md","QRコード付き名刺を無料で作成する方法｜初心者でも5分で完成",{"type":8,"value":5561,"toc":5697},[5562,5566,5569,5572,5575,5577,5581,5584,5590,5596,5602,5608,5610,5613,5620,5627,5629,5661,5663,5667,5670,5676,5682,5688,5690],[21,5563,5565],{"id":5564},"qrコード付き名刺が今どき求められる理由","QRコード付き名刺が今どき求められる理由",[11,5567,5568],{},"名刺交換の場面で「URLが長くて打ち込むのが大変」「SNSのプロフィールを伝えたいけど口頭では難しい」と感じたことはないでしょうか。QRコードを名刺に載せておくと、スマートフォンをかざすだけでWebサイト・ポートフォリオ・SNSページへ誘導できます。相手の手間が大幅に減るため、展示会や商談、フリーランスの営業活動など幅広いシーンで活用が広がっています。",[11,5570,5571],{},"また、QRコードを使うメリットはアクセスのしやすさだけではありません。URLを後から変更したい場合でも、QRコードが指すリンク先（自分のプロフィールページなど）を更新すれば対応できるため、名刺を刷り直す手間を減らせることも見逃せないポイントです。",[11,5573,5574],{},"一方で「QRコードってどうやって作るの？」「無料でちゃんとしたものが作れるの？」という疑問を持つ方も多いでしょう。結論から言えば、専用ソフトを購入したりデザイン会社に依頼したりしなくても、無料のオンラインツールで十分なクオリティのQRコードが作れます。",[18,5576],{},[21,5578,5580],{"id":5579},"qrコードを無料で作成するときに気をつけたいこと","QRコードを無料で作成するときに気をつけたいこと",[11,5582,5583],{},"無料ツールは数多く存在しますが、選ぶ際に注意したい点がいくつかあります。",[11,5585,5586,5589],{},[34,5587,5588],{},"画質・サイズの問題","\n名刺に印刷するQRコードは、画面表示とは異なり一定以上の解像度が必要です。低解像度のPNGしか出力できないツールだと、印刷時にぼやけて読み取りエラーが起きることがあります。SVG形式（拡大しても劣化しないベクター形式）で出力できるツールを選ぶと安心です。",[11,5591,5592,5595],{},[34,5593,5594],{},"個人情報の取り扱い","\n名刺に載せるURLには、自分のWebサイトや連絡先ページなど、ある程度個人に紐づいた情報が含まれます。ツールによっては入力した文字列をサーバーに送信・ログとして記録しているケースもあるため、プライバシーの観点から確認が必要です。",[11,5597,5598,5601],{},[34,5599,5600],{},"登録不要かどうか","\nメールアドレス登録やアカウント作成が必須のツールは、手軽さという面でハードルが上がります。すぐに試せる登録不要のツールを選ぶと、作業効率が上がります。",[11,5603,5604,5607],{},[34,5605,5606],{},"有料機能への誘導","\n「無料で使えると思ったら、ダウンロードだけ有料だった」というパターンも珍しくありません。出力まで完全無料かどうかを事前に確認しましょう。",[18,5609],{},[21,5611,5612],{"id":5612},"ブラウザだけで完結する無料ツールを使った作成手順",[11,5614,5615,5616,5619],{},"上記の注意点をまとめると、「高解像度出力・プライバシー配慮・登録不要・完全無料」の4条件を満たすツールが理想的です。そのひとつとして紹介したいのが、",[76,5617,2768],{"href":2766,"rel":5618},[80],"です。",[11,5621,5622,5623,5626],{},"このツールの大きな特徴は、",[34,5624,5625],{},"入力したテキストやURLをサーバーに送信しない","点です。QRコードの生成処理がすべてブラウザ内で完結するため、入力した情報が外部に漏れる心配がありません。名刺に載せるURLや連絡先情報を扱う場合、この「ローカル処理」という仕組みは安心感につながります。",[26,5628,3765],{"id":3765},[124,5630,5631,5637,5643,5649,5655],{},[45,5632,5633,5636],{},[34,5634,5635],{},"ツールページを開く","\nブラウザでツールにアクセスします。アカウント登録やインストールは不要です。",[45,5638,5639,5642],{},[34,5640,5641],{},"テキスト・URLを入力する","\n名刺に載せたいURL（自社サイト、ポートフォリオ、SNSプロフィールなど）を入力欄に貼り付けます。vCard形式のテキストを入力すれば、連絡先情報をまとめてQRコードに埋め込むこともできます。",[45,5644,5645,5648],{},[34,5646,5647],{},"プレビューを確認する","\n入力と同時にQRコードのプレビューが表示されます。スマートフォンのカメラで試し読みして、正しくリンク先に飛べるか確認しましょう。",[45,5650,5651,5654],{},[34,5652,5653],{},"ダウンロードする","\n問題がなければダウンロードボタンからQRコード画像を保存します。PNG・SVGなど用途に合わせて形式を選べます。名刺印刷用にはSVGを選ぶと、印刷会社に入稿する際に拡大・縮小しても画質が落ちません。",[45,5656,5657,5660],{},[34,5658,5659],{},"名刺デザインに配置する","\nダウンロードした画像をIllustratorやCanva、Word、PowerPointなど使い慣れたソフトの名刺テンプレートに貼り付ければ完成です。QRコードのサイズは名刺上で最低でも1.5cm角を確保すると読み取りやすくなります。",[18,5662],{},[21,5664,5666],{"id":5665},"名刺qrコードをより効果的に使うための3つのコツ","名刺QRコードをより効果的に使うための3つのコツ",[11,5668,5669],{},"QRコードを名刺に入れるだけで満足せず、もう一歩工夫すると効果が高まります。",[11,5671,5672,5675],{},[34,5673,5674],{},"① リンク先をスマートフォン対応ページにする","\nQRコードを読み取るのはスマートフォンがほとんどです。リンク先のページがモバイル非対応だと、せっかくアクセスしてもらっても離脱されてしまいます。リンク前にスマートフォンで表示確認をしておきましょう。",[11,5677,5678,5681],{},[34,5679,5680],{},"② QRコードの近くに一言添える","\n「詳細はこちらから」「ポートフォリオを見る」など、QRコードの下に小さくテキストを入れると、読み取る動機づけになります。特に年配の方や普段QRコードを使い慣れていない方への配慮として有効です。",[11,5683,5684,5687],{},[34,5685,5686],{},"③ 定期的にリンク先をチェックする","\nURLが変わった、ページを削除したなどの理由でQRコードが無効になるケースがあります。名刺を大量に印刷する前に、そして印刷後も定期的にリンク先が有効かどうか確認する習慣をつけましょう。",[18,5689],{},[11,5691,5692,5693,5696],{},"QRコード付き名刺は、紙の名刺とデジタル情報をつなぐシンプルながら強力な手段です。無料ツールを使えば費用をかけずに導入できるので、まだ試していない方はぜひ一度作成してみてください。プライバシーを気にする方には、ブラウザ内処理で安全に使える",[76,5694,2768],{"href":2766,"rel":5695},[80],"が選択肢のひとつになるはずです。",{"title":422,"searchDepth":423,"depth":423,"links":5698},[5699,5700,5701,5704],{"id":5564,"depth":423,"text":5565},{"id":5579,"depth":423,"text":5580},{"id":5612,"depth":423,"text":5612,"children":5702},[5703],{"id":3765,"depth":428,"text":3765},{"id":5665,"depth":423,"text":5666},"QRコード付き名刺を無料で作る手順を分かりやすく解説。ブラウザだけで完結するツールを使えば、個人情報をサーバーに送らず安全に作成できます。",{},"\u002Fblog\u002Fqr-code-business-card","2026-05-14",{"title":5559,"description":5705},"qr-code-business-card","blog\u002Fqr-code-business-card",[1446,814,500,457],"hrm-tYjDGxrWDI7oF94te57zkkMH6fyHYcsGGqLe9PM",{"id":5715,"title":5716,"author":6,"body":5717,"category":441,"coverImage":442,"description":5898,"draft":444,"extension":445,"locale":446,"meta":5899,"navigation":448,"noindex":444,"path":5900,"publishedAt":5901,"seo":5902,"slug":5903,"stem":5904,"tags":5905,"updatedAt":5901,"__hash__":5907},"blog\u002Fblog\u002Fogp-image-size-optimization.md","OGP画像のサイズ最適化ガイド｜SNSでキレイに表示される設定と作り方",{"type":8,"value":5718,"toc":5892},[5719,5723,5726,5733,5740,5742,5746,5749,5754,5768,5773,5784,5789,5797,5802,5807,5814,5817,5819,5823,5826,5831,5834,5839,5842,5847,5856,5861,5864,5866,5870,5877,5880,5883,5890],[21,5720,5722],{"id":5721},"ogp画像が崩れる切れる原因はサイズ指定にある","OGP画像が「崩れる」「切れる」原因はサイズ指定にある",[11,5724,5725],{},"SNSでURLをシェアしたとき、サムネイル画像が途中で切れていたり、極端に小さく表示されたりした経験はないでしょうか。あるいは、自分のサイトをX（旧Twitter）やFacebookに投稿したら、想定と全く違う画像が表示された、というケースもよく聞かれます。",[11,5727,5728,5729,5732],{},"こうした問題の多くは、OGP（Open Graph Protocol）画像のサイズが各プラットフォームの仕様と合っていないことが原因です。OGPはHTMLのmetaタグで設定するもので、",[54,5730,5731],{},"og:image","に指定した画像がSNSカードのサムネイルとして使われます。しかし、画像サイズや縦横比が規定から外れていると、プラットフォーム側でトリミングされたり、表示をスキップされたりします。",[11,5734,5735,5736,5739],{},"さらに見落とされがちなのが、",[34,5737,5738],{},"ファイルサイズ（容量）の上限","です。画像の縦横ピクセル数が正しくても、ファイルが重すぎるとSNSのクローラーが取得に失敗し、画像なしのカードとして表示されることがあります。OGP画像の最適化は「ピクセル寸法」と「ファイル容量」の両方を意識する必要があります。",[18,5741],{},[21,5743,5745],{"id":5744},"各snsプラットフォームの推奨サイズ一覧","各SNS・プラットフォームの推奨サイズ一覧",[11,5747,5748],{},"OGP画像の最適なサイズはプラットフォームによって異なります。主要サービスの推奨値をまとめました。",[11,5750,5751],{},[34,5752,5753],{},"X（旧Twitter）",[42,5755,5756,5759,5762,5765],{},[45,5757,5758],{},"Summaryカード（小さいサムネイル）：144×144px以上、縦横比1:1",[45,5760,5761],{},"Summary Card with Large Image（横長サムネイル）：300×157px以上、縦横比2:1",[45,5763,5764],{},"推奨サイズ：1200×628px",[45,5766,5767],{},"ファイルサイズ上限：5MB（JPG\u002FPNG\u002FWebP）",[11,5769,5770],{},[34,5771,5772],{},"Facebook \u002F Meta",[42,5774,5775,5778,5781],{},[45,5776,5777],{},"最小サイズ：200×200px",[45,5779,5780],{},"推奨サイズ：1200×630px（縦横比1.91:1）",[45,5782,5783],{},"推奨ファイルサイズ：1MB以下",[11,5785,5786],{},[34,5787,5788],{},"LinkedIn",[42,5790,5791,5794],{},[45,5792,5793],{},"推奨サイズ：1200×627px",[45,5795,5796],{},"ファイルサイズ上限：5MB",[11,5798,5799],{},[34,5800,5801],{},"Slack \u002F チャットツール",[42,5803,5804],{},[45,5805,5806],{},"og:imageを取得してプレビュー表示。1200×630px前後が無難",[11,5808,5809,5810,5813],{},"これらを横断的に見ると、",[34,5811,5812],{},"1200×630px（または1200×628px）"," という解像度がほぼすべてのサービスに対応できる事実上の標準サイズです。縦横比は約1.91:1を維持しつつ、JPEG品質を80〜85程度に抑えてファイルサイズを300KB以内に収めると、どの環境でも安定して表示されます。",[11,5815,5816],{},"ただし、既存の画像を流用する場合や、デザイン素材が別のアスペクト比で作られている場合は、リサイズ作業が必要になります。",[18,5818],{},[21,5820,5822],{"id":5821},"実践ogp画像を正しいサイズにリサイズする手順","実践：OGP画像を正しいサイズにリサイズする手順",[11,5824,5825],{},"OGP画像のリサイズ自体は難しい作業ではありませんが、いくつか気をつけたいポイントがあります。",[11,5827,5828],{},[34,5829,5830],{},"① 元画像の縦横比を確認する",[11,5832,5833],{},"元画像が正方形（1:1）や縦長の場合、単純にリサイズすると1200×630pxに収まらず、余白が生じたり主要な被写体が切り取られたりします。リサイズ前に、画像をどこを中心にトリミングするかを先に決めておくと作業がスムーズです。",[11,5835,5836],{},[34,5837,5838],{},"② 出力形式はJPEGかWebPを選ぶ",[11,5840,5841],{},"OGP画像には透過（アルファチャンネル）が不要なケースがほとんどです。PNGは品質が高い反面ファイルが重くなりやすいため、JPEGかWebPで書き出すのが現実的です。SNSのクローラーはWebPにも対応していますが、古いクローラーを考慮してJPEGを第一候補にするのが無難です。",[11,5843,5844],{},[34,5845,5846],{},"③ ツールを選ぶ：Photoshopがなくても問題ない",[11,5848,5849,5850,5855],{},"プロ向けの画像編集ソフトがなくても、ブラウザだけで完結するツールが充実しています。その一つとして ",[76,5851,5854],{"href":5852,"rel":5853},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-resize",[80],"画像リサイズツール"," があります。このツールの特徴は、アップロードした画像がサーバーに送信されない点です。画像データはブラウザ内だけで処理されるため、社内資料や未公開のバナー画像を扱う場合でも、情報漏洩リスクを気にせず使えます。縦横のピクセル数を数値で直接指定できるので、1200×630pxに合わせる作業が直感的に行えます。",[11,5857,5858],{},[34,5859,5860],{},"④ リサイズ後にOGPキャッシュをクリアする",[11,5862,5863],{},"画像を差し替えても、SNS側のキャッシュが残っていると古い画像が表示され続けます。Xであれば「Card Validator」、Facebookであれば「Sharing Debugger」を使ってキャッシュを強制更新してください。ツールにURLを入力して「スクレイプ」または「デバッグ」を実行するだけで、新しい画像が反映されます。",[18,5865],{},[21,5867,5869],{"id":5868},"ogp画像の最適化がseoにも影響する理由","OGP画像の最適化がSEOにも影響する理由",[11,5871,5872,5873,5876],{},"OGPはSNS表示のための仕様であり、Googleの検索順位に直接影響するわけではありません。しかし、",[34,5874,5875],{},"間接的にSEOへのプラス効果","が期待できます。",[11,5878,5879],{},"SNSでシェアされたときに魅力的なサムネイルが表示されれば、クリック率が上がり、リンクが拡散されやすくなります。これがサイトへの流入増加につながり、滞在時間や被リンク獲得に好影響を与えます。また、画像ファイルのサイズを適切に絞ることはページの読み込み速度改善に直結し、Googleが重視するCore Web Vitalsの指標（特にLCPやFID）にも貢献します。",[11,5881,5882],{},"OGP画像を「SNS用の飾り」として後回しにしがちですが、サイトのパフォーマンスとブランド品質を底上げする実務的な施策として捉えると、優先度が変わってくるはずです。",[11,5884,5885,5886,5889],{},"まず手元にあるキービジュアルやアイキャッチ画像を1200×630px・300KB以内に整えるところから始めてみてください。専用ソフトが不要な環境であれば、前述した ",[76,5887,5854],{"href":5852,"rel":5888},[80]," のようなブラウザベースのツールを活用すると、余計な手間をかけずに作業を完結できます。",[18,5891],{},{"title":422,"searchDepth":423,"depth":423,"links":5893},[5894,5895,5896,5897],{"id":5721,"depth":423,"text":5722},{"id":5744,"depth":423,"text":5745},{"id":5821,"depth":423,"text":5822},{"id":5868,"depth":423,"text":5869},"OGP画像の推奨サイズや各SNSの仕様を解説。Twitterやog:imageが正しく表示されない原因と、ブラウザだけで完結する無料ツールを使った具体的な対処法を紹介します。",{},"\u002Fblog\u002Fogp-image-size-optimization","2026-05-12",{"title":5716,"description":5898},"ogp-image-size-optimization","blog\u002Fogp-image-size-optimization",[1743,5906,457,2594],"リサイズ","mIit_bdGiULblUiC2FeigxS7qW8uxuS9f-pKvrNhJKM",{"id":5909,"title":5910,"author":6,"body":5911,"category":441,"coverImage":442,"description":6455,"draft":444,"extension":445,"locale":446,"meta":6456,"navigation":448,"noindex":444,"path":6457,"publishedAt":6458,"seo":6459,"slug":6460,"stem":6461,"tags":6462,"updatedAt":6464,"__hash__":6465},"blog\u002Fblog\u002Fwebp-convert-seo.md","WebP変換でSEOを改善する完全ガイド｜Core Web Vitals改善と安全な変換手順",{"type":8,"value":5912,"toc":6428},[5913,5917,5924,5931,5934,5936,5940,5944,5947,5959,5962,5965,5968,5972,5975,5977,5981,5984,5991,6008,6080,6082,6086,6089,6096,6099,6103,6215,6218,6220,6224,6244,6246,6265,6268,6271,6292,6295,6298,6301,6303,6307,6310,6313,6319,6322,6325,6328,6331,6333,6336,6338,6343,6346,6351,6354,6359,6362,6367,6373,6378,6381,6384,6404,6406,6410,6413,6416,6422,6425],[21,5914,5916],{"id":5915},"webp変換とseoの関係なぜ今これが重要なのか","WebP変換とSEOの関係——なぜ今これが重要なのか",[11,5918,5919,5920,5923],{},"PageSpeed InsightsやGoogle Search Consoleでサイトを計測すると、「次世代フォーマットで画像を配信してください」という指摘が出てくることが多い。この「次世代フォーマット」の筆頭が ",[34,5921,5922],{},"WebP（ウェブピー）"," だ。",[11,5925,5926,5927,5930],{},"Googleが2021年以降、Core Web Vitals（CWV）を検索順位の評価要素に組み込んだことで、画像の最適化はSEOと直結する問題になった。JPEGやPNGをWebPに変換するだけで、同等の画質を保ちながらファイルサイズを ",[34,5928,5929],{},"平均25〜35%削減"," できる。この数字は、画像を多く使うECサイト・ブログ・ポートフォリオサイトにとって、ページ速度の体感差として現れる水準だ。",[11,5932,5933],{},"本記事では、WebP変換がSEOに与える具体的な効果、安全な変換方法の選び方、競合ツールとの比較、そして実際の運用への組み込み方を順を追って解説する。",[18,5935],{},[21,5937,5939],{"id":5938},"webp変換がseoに与える具体的な3つの効果","WebP変換がSEOに与える具体的な3つの効果",[26,5941,5943],{"id":5942},"lcplargest-contentful-paintの改善","LCP（Largest Contentful Paint）の改善",[11,5945,5946],{},"Core Web Vitalsの中でも特に注目度の高いLCPは、ページ内で最大の可視要素が描画されるまでの時間を測る指標だ。多くのページでLCPの対象はメインビジュアルや商品画像など、ファイルサイズの大きい画像要素になる。",[11,5948,5949,5954,5955,5958],{},[76,5950,5953],{"href":5951,"rel":5952},"https:\u002F\u002Fweb.dev\u002Farticles\u002Flcp",[80],"Googleのウェブ・パフォーマンスに関するドキュメント","によれば、LCPの目標値は ",[34,5956,5957],{},"2.5秒以内"," とされている。WebPへの変換でネットワーク転送量が減れば、ダウンロード時間が短縮されLCPが改善する。2MBのJPEGが1.4MB程度のWebPに変わるだけで、モバイル回線では0.5秒前後の短縮につながるケースもある。",[26,5960,5961],{"id":5961},"ページ速度とユーザー行動シグナルの改善",[11,5963,5964],{},"ページの表示速度が速くなると、直帰率が下がりセッション時間が延びる傾向がある。Googleはこうしたユーザー行動のシグナルも評価の参考にしていると考えられており、間接的なSEO効果として機能する。",[11,5966,5967],{},"特にモバイル環境では、Wi-Fiより通信が不安定な4G\u002F5G回線でアクセスするユーザーが多い。軽量なWebPはこの差が体感しやすく、モバイルファーストインデックスへの対応としても有効だ。",[26,5969,5971],{"id":5970},"pagespeed-insightsスコアの向上","PageSpeed Insightsスコアの向上",[11,5973,5974],{},"PageSpeed Insightsの「次世代フォーマットで画像を配信してください」という指摘は、JPEGやPNGを使い続けている限り消えない。WebPへの変換はこの指摘を直接解消し、PerformanceスコアとSEO関連スコアの両方に好影響をもたらす。",[18,5976],{},[21,5978,5980],{"id":5979},"webpの仕様と主要ブラウザの対応状況","WebPの仕様と主要ブラウザの対応状況",[11,5982,5983],{},"WebPはGoogleが開発し、2010年に公開した画像フォーマットだ。非可逆圧縮と可逆圧縮の両方をサポートし、アルファチャンネル（透過）やアニメーションにも対応している。",[11,5985,5986,5990],{},[76,5987,5989],{"href":4349,"rel":5988},[80],"WebPの公式仕様（developers.google.com）","によると、可逆圧縮ではPNGより平均26%、非可逆圧縮ではJPEGより平均25〜34%小さいファイルを生成できる。",[11,5992,5993,5994,5999,6000,6003,6004,6007],{},"ブラウザ対応については、",[76,5995,5998],{"href":5996,"rel":5997},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FGuides\u002FFormats\u002FImage_types#webp",[80],"MDN Web Docs の WebP ページ","が参考になる。Chrome・Firefox・Safari・Edge の主要4ブラウザはいずれも対応済みで、2024年時点のグローバルシェアでは ",[34,6001,6002],{},"97%以上のブラウザがWebPを表示可能"," だ。古いIEや旧Safari向けのフォールバックが必要な場面では、以下のような",[54,6005,6006],{},"\u003Cpicture>","タグを使う方法が安全だ。",[2212,6009,6011],{"className":2214,"code":6010,"language":2216,"meta":422,"style":422},"\u003Cpicture>\n  \u003Csource srcset=\"image.webp\" type=\"image\u002Fwebp\">\n  \u003Cimg src=\"image.jpg\" alt=\"代替テキスト\">\n\u003C\u002Fpicture>\n",[54,6012,6013,6022,6047,6071],{"__ignoreMap":422},[2220,6014,6015,6017,6020],{"class":2222,"line":2223},[2220,6016,2250],{"class":2249},[2220,6018,6019],{"class":2253},"picture",[2220,6021,2292],{"class":2249},[2220,6023,6024,6027,6030,6033,6035,6038,6040,6042,6045],{"class":2222,"line":423},[2220,6025,6026],{"class":2249},"  \u003C",[2220,6028,6029],{"class":2253},"source",[2220,6031,6032],{"class":2257}," srcset",[2220,6034,2261],{"class":2249},[2220,6036,6037],{"class":2264},"\"image.webp\"",[2220,6039,2268],{"class":2257},[2220,6041,2261],{"class":2249},[2220,6043,6044],{"class":2264},"\"image\u002Fwebp\"",[2220,6046,2292],{"class":2249},[2220,6048,6049,6051,6053,6056,6058,6061,6064,6066,6069],{"class":2222,"line":428},[2220,6050,6026],{"class":2249},[2220,6052,630],{"class":2253},[2220,6054,6055],{"class":2257}," src",[2220,6057,2261],{"class":2249},[2220,6059,6060],{"class":2264},"\"image.jpg\"",[2220,6062,6063],{"class":2257}," alt",[2220,6065,2261],{"class":2249},[2220,6067,6068],{"class":2264},"\"代替テキスト\"",[2220,6070,2292],{"class":2249},[2220,6072,6073,6076,6078],{"class":2222,"line":2240},[2220,6074,6075],{"class":2249},"\u003C\u002F",[2220,6077,6019],{"class":2253},[2220,6079,2292],{"class":2249},[18,6081],{},[21,6083,6085],{"id":6084},"変換ツールの選び方どこで処理されるかが重要な理由","変換ツールの選び方——「どこで処理されるか」が重要な理由",[11,6087,6088],{},"WebPへの変換方法は複数ある。サーバーサイドでImageMagickやlibwebpを使うバッチ処理、WordPressプラグイン（Imagify、ShortPixel等）、そしてブラウザ上で動作するオンラインツールだ。",[11,6090,6091,6092,6095],{},"選択する際に見落とされやすい観点が ",[34,6093,6094],{},"「ファイルがどこで処理されるか」"," だ。一般的なオンラインサービスは、ファイルを一度サーバーにアップロードして処理し、変換後のファイルをダウンロードさせる仕組みになっている。業務で扱う画像には、公開前の商品写真・社内資料のスクリーンショット・個人情報を含む書類画像など、外部に送信したくないものが含まれるケースも多い。",[11,6097,6098],{},"その点でブラウザ内処理（クライアントサイド処理）のツールは、ファイルが自分のデバイスの外に出ない。これはプライバシーポリシーや社内セキュリティ規定への適合という観点でも重要な差だ。",[26,6100,6102],{"id":6101},"主要webp変換ツール比較表","主要WebP変換ツール比較表",[175,6104,6105,6121],{},[178,6106,6107],{},[181,6108,6109,6111,6114,6117,6119],{},[184,6110,500],{},[184,6112,6113],{},"処理場所（送信先サーバー）",[184,6115,6116],{},"無料制限",[184,6118,3895],{},[184,6120,1900],{},[197,6122,6123,6149,6161,6175,6188,6201],{},[181,6124,6125,6131,6136,6140,6145],{},[202,6126,6127,6130],{},[34,6128,6129],{},"zerosend","（画像変換）",[202,6132,6133],{},[34,6134,6135],{},"なし（ブラウザ内完結）",[202,6137,6138],{},[34,6139,952],{},[202,6141,6142],{},[34,6143,6144],{},"可（SW キャッシュ後）",[202,6146,6147],{},[34,6148,1250],{},[181,6150,6151,6153,6155,6157,6159],{},[202,6152,4061],{},[202,6154,6135],{},[202,6156,952],{},[202,6158,1889],{},[202,6160,1250],{},[181,6162,6163,6165,6168,6171,6173],{},[202,6164,4042],{},[202,6166,6167],{},"あり（サーバー処理）",[202,6169,6170],{},"月20ファイルまで",[202,6172,1892],{},[202,6174,1250],{},[181,6176,6177,6179,6181,6184,6186],{},[202,6178,4752],{},[202,6180,6167],{},[202,6182,6183],{},"1日2タスクまで",[202,6185,1892],{},[202,6187,1250],{},[181,6189,6190,6192,6194,6197,6199],{},[202,6191,4768],{},[202,6193,6167],{},[202,6195,6196],{},"ファイルサイズ制限あり",[202,6198,1892],{},[202,6200,1250],{},[181,6202,6203,6205,6207,6210,6212],{},[202,6204,5082],{},[202,6206,6167],{},[202,6208,6209],{},"機能制限あり",[202,6211,1892],{},[202,6213,6214],{},"要Adobe ID",[11,6216,6217],{},"TinyPNG・Smallpdf・iLovePDFといったサービスは利便性が高く広く使われているが、いずれもファイルをサーバーに送信する構造だ。Google製のSquooshもブラウザ内処理だが、2023年以降アクティブな開発が止まっており、一部の機能に不具合が報告されている。",[18,6219],{},[21,6221,6223],{"id":6222},"zerosend-でブラウザ内webp変換を行う手順","zerosend でブラウザ内WebP変換を行う手順",[11,6225,6226,6231,6232,6235,6236,6239,6240,6243],{},[76,6227,6230],{"href":6228,"rel":6229},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-convert",[80],"zerosendの画像形式変換ツール","は、",[34,6233,6234],{},"browser-image-compression"," ライブラリと ",[34,6237,6238],{},"Canvas API"," をベースに構築されており、変換処理はすべてブラウザのメインスレッドではなく ",[34,6241,6242],{},"Web Worker"," 上で実行される。これにより、大容量ファイルの変換中もUIがフリーズしない設計になっている。",[26,6245,1036],{"id":1036},[124,6247,6248,6253,6256,6259,6262],{},[45,6249,6250,1044],{},[76,6251,6228],{"href":6228,"rel":6252},[80],[45,6254,6255],{},"変換したい画像ファイル（JPEG・PNG・GIF・AVIF等）をドラッグ＆ドロップ、または「ファイルを選択」で指定する",[45,6257,6258],{},"出力フォーマットとして「WebP」を選択する",[45,6260,6261],{},"品質スライダーで圧縮率を調整する（デフォルト値は多くの用途で適切）",[45,6263,6264],{},"「変換」ボタンをクリックし、完了後にダウンロードする",[26,6266,6267],{"id":6267},"ネットワーク通信ゼロを自分で確認する方法",[11,6269,6270],{},"本当にファイルがサーバーに送られていないかは、ブラウザのDevToolsで確認できる。",[124,6272,6273,6276,6286,6289],{},[45,6274,6275],{},"Chrome または Edge で変換ページを開く",[45,6277,6278,6281,6282,6285],{},[54,6279,6280],{},"F12","（または ",[54,6283,6284],{},"Cmd+Option+I","）でDevToolsを開き、「Network」タブを選択",[45,6287,6288],{},"ファイルをドラッグ＆ドロップして変換を実行する",[45,6290,6291],{},"NetworkタブにPOSTリクエストや外部ドメインへの通信が発生していないことを確認する",[11,6293,6294],{},"変換実行後も外部への通信が一切記録されないことが、クライアントサイド処理の証拠だ。",[26,6296,6297],{"id":6297},"オフライン動作について",[11,6299,6300],{},"zerosendはService Workerによるリソースキャッシュを実装している。初回アクセス後は、インターネット接続がない環境でも変換ツールが動作する。これはオフライン環境での業務や、通信制限を気にせず使いたい場面で実用的な特徴だ。",[18,6302],{},[21,6304,6306],{"id":6305},"webp変換を継続的な運用フローに組み込む方法","WebP変換を継続的な運用フローに組み込む方法",[26,6308,6309],{"id":6309},"既存コンテンツへの対応",[11,6311,6312],{},"まず既存のページ・記事・商品ページで使われている画像を洗い出し、PageSpeed Insightsで「次世代フォーマット」として指摘を受けているものを優先リストに入れる。ファイルサイズが500KB以上のJPEGやPNGは特に優先度が高い。",[11,6314,6315,6316,6318],{},"変換後は元のファイルをバックアップとして残しておき、",[54,6317,6006],{},"タグを使ってWebPとJPEGの両方を配信する構成にすると安全だ。",[26,6320,6321],{"id":6321},"新規コンテンツへのルール化",[11,6323,6324],{},"画像をアップロードする前にWebP変換を行うことを、コンテンツ制作フローのチェックリストに加える。「記事公開前にゼロsendで変換してからCMSにアップロードする」という一手順を加えるだけで、新規コンテンツの最適化を継続できる。",[26,6326,6327],{"id":6327},"変換前後の効果測定",[11,6329,6330],{},"PageSpeed InsightsとGoogle Search Consoleの「ページエクスペリエンス」レポートを使い、変換前後のLCPスコアを比較する。特にモバイルスコアの変化に注目すると、改善効果が数値として把握しやすい。",[18,6332],{},[21,6334,6335],{"id":6335},"よくある疑問と落とし穴",[26,6337,1989],{"id":1988},[11,6339,6340],{},[34,6341,6342],{},"Q1. WebPに変換すると画質は落ちるのか？",[11,6344,6345],{},"非可逆圧縮（品質設定80〜85程度）であれば、通常のWeb表示ではJPEGと視覚的な差がほぼわからない。画質が重要な場面では品質を90以上に設定するか、可逆圧縮を使うことで元の品質を維持できる。",[11,6347,6348],{},[34,6349,6350],{},"Q2. PNG（透過画像）もWebPに変換できるか？",[11,6352,6353],{},"WebPはアルファチャンネルをサポートしているため、透過PNGをそのままWebPに変換できる。透過を保ちたい場合は可逆圧縮モードを選ぶか、品質設定を高めにすると良い。",[11,6355,6356],{},[34,6357,6358],{},"Q3. WordPressサイトの場合、プラグインとブラウザツールのどちらを使うべきか？",[11,6360,6361],{},"大量の画像を一括変換・自動最適化したい場合はShortPixelやImageifyなどのプラグインが効率的だ。一方、非公開の画像や機密性の高いファイルを変換したい場合は、ブラウザ内処理のツールの方がセキュリティ面で安心できる。用途によって使い分けが合理的だ。",[11,6363,6364],{},[34,6365,6366],{},"Q4. AVIFとWebPどちらを選ぶべきか？",[11,6368,6369,6370,6372],{},"AVIFはWebPよりさらに圧縮率が高いフォーマットだが、2024年時点ではブラウザ対応がWebPより若干低く（特に旧バージョンのSafari）、エンコード処理が遅い。汎用性の高さでは現時点でWebPが安定した選択肢だ。",[54,6371,6006],{},"タグでAVIF→WebP→JPEGの順でフォールバックを指定する方法も有効だ。",[11,6374,6375],{},[34,6376,6377],{},"Q5. ファイルサイズが逆に大きくなることはあるか？",[11,6379,6380],{},"ある。既にJPEGで強く圧縮されている画像や、小さなサイズの画像をWebPに変換すると、わずかにサイズが増えるケースがある。変換後は必ず元ファイルと比較し、小さくなっているものだけを採用するのが確実だ。",[26,6382,6383],{"id":6383},"実運用での落とし穴",[42,6385,6386,6392,6398],{},[45,6387,6388,6391],{},[34,6389,6390],{},"SNS投稿用画像への使用","：TwitterやInstagramなど一部のSNSプラットフォームはWebPのアップロードを受け付けないか、自動的に変換する。SNS向け画像はJPEGのままにしておくか、個別に確認が必要だ。",[45,6393,6394,6397],{},[34,6395,6396],{},"メールに添付する画像","：メールクライアントはWebPに対応していないものが多い。メール添付用途にはJPEGまたはPNGを維持する。",[45,6399,6400,6403],{},[34,6401,6402],{},"印刷データへの転用","：WebPはRGB色空間のみでCMYKには対応していない。印刷データとしては使用できない。",[18,6405],{},[21,6407,6409],{"id":6408},"まとめwebp変換が持つ実際のインパクト","まとめ——WebP変換が持つ実際のインパクト",[11,6411,6412],{},"WebP変換は、特別な開発環境や有料ツールを使わなくても取り組めるSEO改善施策だ。ファイルサイズの削減がLCPを改善し、ページ速度が上がり、ユーザー体験が向上し、それがSEOシグナルとして積み重なる。この一連の効果は、1枚の画像変換から始まる。",[11,6414,6415],{},"変換方法の選択では、「ファイルがサーバーに送信されるかどうか」が実務上の重要な判断軸になる。TinyPNGやSmallpdfのようなサービスは利便性が高い一方、業務上の機密画像を扱う場合はブラウザ内処理が適切だ。",[11,6417,6418,6421],{},[76,6419,6230],{"href":6228,"rel":6420},[80],"はbrowser-image-compressionとCanvas APIを使ったクライアントサイド処理で動作し、初回アクセス後はオフラインでも使用できる。DevToolsのNetworkタブで通信が発生していないことを自分で確認できるという透明性も、他の多くのオンラインツールにはない特徴だ。",[11,6423,6424],{},"まず手元の重い画像を一枚変換し、PageSpeed InsightsでLCPスコアの変化を確認する。そこから得られる数値が、次のアクションの判断根拠になる。",[2566,6426,6427],{},"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":422,"searchDepth":423,"depth":423,"links":6429},[6430,6431,6436,6437,6440,6445,6450,6454],{"id":5915,"depth":423,"text":5916},{"id":5938,"depth":423,"text":5939,"children":6432},[6433,6434,6435],{"id":5942,"depth":428,"text":5943},{"id":5961,"depth":428,"text":5961},{"id":5970,"depth":428,"text":5971},{"id":5979,"depth":423,"text":5980},{"id":6084,"depth":423,"text":6085,"children":6438},[6439],{"id":6101,"depth":428,"text":6102},{"id":6222,"depth":423,"text":6223,"children":6441},[6442,6443,6444],{"id":1036,"depth":428,"text":1036},{"id":6267,"depth":428,"text":6267},{"id":6297,"depth":428,"text":6297},{"id":6305,"depth":423,"text":6306,"children":6446},[6447,6448,6449],{"id":6309,"depth":428,"text":6309},{"id":6321,"depth":428,"text":6321},{"id":6327,"depth":428,"text":6327},{"id":6335,"depth":423,"text":6335,"children":6451},[6452,6453],{"id":1988,"depth":428,"text":1989},{"id":6383,"depth":428,"text":6383},{"id":6408,"depth":423,"text":6409},"WebP変換がLCP・ページ速度・SEOに与える効果を数値で解説。ブラウザ内完結の無料ツールと競合サービスを比較し、実践的な導入手順まで網羅。",{},"\u002Fblog\u002Fwebp-convert-seo","2026-05-07",{"title":5910,"description":6455},"webp-convert-seo","blog\u002Fwebp-convert-seo",[2594,456,6463,457],"Core Web Vitals","2026-05-15","-Eu7pPexS28YvfGAGQBghTT8cKqNen8fJjREmiLVn5w",{"id":6467,"title":6468,"author":6,"body":6469,"category":441,"coverImage":442,"description":7161,"draft":444,"extension":445,"locale":446,"meta":7162,"navigation":448,"noindex":444,"path":7163,"publishedAt":7164,"seo":7165,"slug":7166,"stem":7167,"tags":7168,"updatedAt":6464,"__hash__":7169},"blog\u002Fblog\u002Fpdf-email-compress.md","PDFがメールで送れない時の圧縮方法｜サーバー送信なしで安全にサイズを減らす",{"type":8,"value":6470,"toc":7123},[6471,6474,6476,6480,6483,6486,6531,6534,6538,6541,6561,6564,6567,6570,6583,6586,6588,6592,6595,6598,6624,6632,6635,6673,6676,6680,6683,6685,6689,6692,6695,6698,6702,6805,6808,6810,6814,6818,6825,6843,6855,6859,6865,6869,6872,6876,6926,6929,6933,6936,6940,6943,6970,6973,6976,6979,6981,6984,6987,6991,6999,7002,7005,7008,7011,7030,7033,7035,7037,7041,7044,7048,7051,7055,7058,7062,7065,7069,7072,7074,7076,7079,7115],[11,6472,6473],{},"PDFをメールに添付しようとして「ファイルサイズが大きすぎます」と弾かれる場面は、ビジネス文書を扱う人なら一度は経験する。上限を超えたとき、真っ先に試すべきなのは圧縮だ。ただし「どのツールを使うか」という選択には、ファイルサイズ削減の効果だけでなく、データのプライバシーという観点が絡んでくる。本記事では、PDF圧縮の仕組みから主要ツールのプライバシー比較、ブラウザ内処理で完結するツールの具体的な操作手順まで、実務で即使える情報を体系的に解説する。",[18,6475],{},[21,6477,6479],{"id":6478},"pdfをメールに添付できない本当の理由","PDFをメールに添付できない本当の理由",[26,6481,6482],{"id":6482},"主要メールサービスの添付上限",[11,6484,6485],{},"メールの添付ファイルに上限があることは広く知られているが、その数値は意外と小さい。",[175,6487,6488,6498],{},[178,6489,6490],{},[181,6491,6492,6495],{},[184,6493,6494],{},"サービス",[184,6496,6497],{},"添付上限の目安",[197,6499,6500,6508,6516,6523],{},[181,6501,6502,6505],{},[202,6503,6504],{},"Gmail",[202,6506,6507],{},"25 MB",[181,6509,6510,6513],{},[202,6511,6512],{},"Outlook \u002F Hotmail",[202,6514,6515],{},"20 MB",[181,6517,6518,6521],{},[202,6519,6520],{},"Yahoo! メール",[202,6522,6507],{},[181,6524,6525,6528],{},[202,6526,6527],{},"社内メールサーバー（一般的な設定）",[202,6529,6530],{},"5〜10 MB",[11,6532,6533],{},"社内メールサーバーは管理者が上限を独自に設定しているケースが多く、5 MB以下に制限されている環境も珍しくない。送信側が25 MBのGmailで送っても、受信側が10 MB制限のサーバーだと弾かれる。",[26,6535,6537],{"id":6536},"重くなりやすいpdfの特徴","重くなりやすいPDFの特徴",[11,6539,6540],{},"PDF自体がフォーマットとして重いわけではない。問題になるのはほぼ例外なく「埋め込み画像」だ。以下の条件が重なると数十MBになる。",[42,6542,6543,6549,6555],{},[45,6544,6545,6548],{},[34,6546,6547],{},"カラースキャン＋300 dpi以上","：契約書をスキャナで取り込む際にデフォルト設定のまま使うと発生しやすい",[45,6550,6551,6554],{},[34,6552,6553],{},"高解像度の写真・図版を多数挿入","：プレゼン資料やカタログPDFに多い",[45,6556,6557,6560],{},[34,6558,6559],{},"複数スキャン画像を結合","：ページごとにスキャン画像が丸ごと埋め込まれる",[11,6562,6563],{},"テキストのみで構成されたPDFはそもそもデータ量が少なく、10ページ程度であれば1 MB未満に収まることが大半だ。",[26,6565,6566],{"id":6566},"対策の選択肢を整理する",[11,6568,6569],{},"上限超えを解消するための主な手段は3つある。",[124,6571,6572,6577,6580],{},[45,6573,6574],{},[34,6575,6576],{},"圧縮してサイズを小さくする",[45,6578,6579],{},"Google Drive・OneDrive などクラウドストレージのリンクをメール本文に貼る",[45,6581,6582],{},"WeTransfer などのファイル転送サービスを使う",[11,6584,6585],{},"「すぐに・追加サービス登録なしで・安全に」完結するのが圧縮だ。クラウドストレージやファイル転送は機密文書を別サービスに預ける手間とリスクが発生する。ただし圧縮ツールの選び方を誤ると、それ自体が情報漏洩のリスクになりうる。この点は後述する比較表で詳しく解説する。",[18,6587],{},[21,6589,6591],{"id":6590},"pdf圧縮の仕組みと削減率の目安","PDF圧縮の仕組みと削減率の目安",[26,6593,6594],{"id":6594},"圧縮ツールが実際に何をしているか",[11,6596,6597],{},"「圧縮」という言葉は漠然としているが、PDFの場合は主に以下の処理を指す。",[42,6599,6600,6606,6612,6618],{},[45,6601,6602,6605],{},[34,6603,6604],{},"画像の再エンコード","：埋め込みPNGをJPEGに変換したり、JPEG品質係数を下げたりする",[45,6607,6608,6611],{},[34,6609,6610],{},"解像度のダウンサンプリング","：300 dpi → 150 dpi など、目的に応じた解像度へ変換する",[45,6613,6614,6617],{},[34,6615,6616],{},"埋め込みフォントのサブセット化","：文書内で実際に使われている文字のみを残し、フォントデータ全体を削る",[45,6619,6620,6623],{},[34,6621,6622],{},"不要メタデータの除去","：作成ソフトのバージョン情報、サムネイルキャッシュ、コメント履歴などを取り除く",[11,6625,6626,6631],{},[76,6627,6630],{"href":6628,"rel":6629},"https:\u002F\u002Fwww.iso.org\u002Fstandard\u002F75839.html",[80],"PDF仕様はISO 32000-2として標準化されており","、画像ストリームの格納方式が規定されている。圧縮ツールはこの仕様に沿ってバイナリを書き換えることでサイズを削減する。",[26,6633,6634],{"id":6634},"どのくらい軽くなるか",[175,6636,6637,6647],{},[178,6638,6639],{},[181,6640,6641,6644],{},[184,6642,6643],{},"元のファイルの種類",[184,6645,6646],{},"想定される削減率",[197,6648,6649,6657,6665],{},[181,6650,6651,6654],{},[202,6652,6653],{},"カラースキャン（300 dpi以上）",[202,6655,6656],{},"50〜80%",[181,6658,6659,6662],{},[202,6660,6661],{},"図版・グラフを含む資料",[202,6663,6664],{},"30〜60%",[181,6666,6667,6670],{},[202,6668,6669],{},"テキストのみ",[202,6671,6672],{},"5〜15% 程度",[11,6674,6675],{},"20 MBのカラースキャン書類であれば、設定次第で4〜10 MB台まで落とせる計算になる。Gmail の25 MB上限を狙うなら、「中」程度の品質設定でほとんどのケースをカバーできる。",[26,6677,6679],{"id":6678},"注意点テキストと画像は別処理","注意点：テキストと画像は別処理",[11,6681,6682],{},"圧縮で影響を受けるのは埋め込み画像のみで、テキストデータはそのまま保持される。フォントのサブセット化によってテキストが文字化けしたり消えたりすることはない。品質設定が「低（最高圧縮）」であっても、文字の読み取りには影響しない。",[18,6684],{},[21,6686,6688],{"id":6687},"主要pdf圧縮ツールのプライバシー比較","主要PDF圧縮ツールのプライバシー比較",[26,6690,6691],{"id":6691},"サーバー送信の有無が最重要指標",[11,6693,6694],{},"PDF圧縮ツールを選ぶ際、見落とされがちなのが「ファイルがどこで処理されるか」だ。多くのオンラインツールは、PDFを外部クラウドサーバーへアップロードしてから処理を行う仕組みをとっている。「アップロード後1時間で削除」「TLS通信で暗号化」といった記載があっても、処理の瞬間にサーバー上にファイルが存在することは変わらない。",[11,6696,6697],{},"契約書・請求書・個人情報・未公開の事業計画書など、機密性の高い文書を日常的に扱う場合、このリスクは無視できない。",[26,6699,6701],{"id":6700},"比較表送信先サーバーを軸に評価","比較表：送信先サーバーを軸に評価",[175,6703,6704,6720],{},[178,6705,6706],{},[181,6707,6708,6710,6712,6714,6717],{},[184,6709,500],{},[184,6711,503],{},[184,6713,1205],{},[184,6715,6716],{},"料金",[184,6718,6719],{},"アカウント登録",[197,6721,6722,6737,6751,6766,6780],{},[181,6723,6724,6726,6728,6731,6734],{},[202,6725,4752],{},[202,6727,4045],{},[202,6729,6730],{},"Smallpdf社サーバー（スイス）",[202,6732,6733],{},"無料枠あり（1日2件制限）",[202,6735,6736],{},"無料登録あり",[181,6738,6739,6741,6743,6746,6749],{},[202,6740,4768],{},[202,6742,4045],{},[202,6744,6745],{},"iLovePDF社サーバー（スペイン）",[202,6747,6748],{},"無料枠あり",[202,6750,6736],{},[181,6752,6753,6756,6758,6761,6763],{},[202,6754,6755],{},"Adobe Acrobat オンライン",[202,6757,4045],{},[202,6759,6760],{},"Adobe社サーバー（米国）",[202,6762,6748],{},[202,6764,6765],{},"Adobe ID必須",[181,6767,6768,6771,6773,6776,6778],{},[202,6769,6770],{},"PDF24",[202,6772,4045],{},[202,6774,6775],{},"PDF24社サーバー（ドイツ）",[202,6777,541],{},[202,6779,1250],{},[181,6781,6782,6787,6792,6797,6801],{},[202,6783,6784],{},[34,6785,6786],{},"zerosend（PDF圧縮）",[202,6788,6789],{},[34,6790,6791],{},"ブラウザ内（ローカル）",[202,6793,6794],{},[34,6795,6796],{},"なし（ゼロ送信）",[202,6798,6799],{},[34,6800,576],{},[202,6802,6803],{},[34,6804,1250],{},[11,6806,6807],{},"Smallpdf・iLovePDF・Adobe Acrobat オンラインはいずれも広く使われている信頼性の高いサービスだが、処理の核心部はサーバー側で実行される。利用規約上のデータ取り扱いポリシーを確認する手間をかけたくない場合、あるいはポリシーを読んでもなおサーバー送信を避けたい場合は、ブラウザ内処理型が合理的な選択肢となる。",[18,6809],{},[21,6811,6813],{"id":6812},"zerosenedでpdfを圧縮する手順実践ガイド","zerosenedでPDFを圧縮する手順（実践ガイド）",[26,6815,6817],{"id":6816},"使用技術の概要なぜサーバーなしで動くのか","使用技術の概要：なぜサーバーなしで動くのか",[11,6819,4826,6820,6824],{},[76,6821,6823],{"href":4913,"rel":6822},[80],"PDF圧縮ツール","は、以下のライブラリとブラウザ標準APIをクライアント側で動作させることで、外部サーバーへのファイル送信ゼロを実現している。",[42,6826,6827,6832,6838],{},[45,6828,6829,6831],{},[34,6830,4876],{},"：PDFの解析・ページ操作・書き出しをJavaScriptで実行するオープンソースライブラリ",[45,6833,6834,6837],{},[34,6835,6836],{},"pdfjs-dist（PDF.js）","：Mozillaが開発したオープンソースのPDFレンダリングエンジン。各ページをピクセルデータとして展開する",[45,6839,6840,6842],{},[34,6841,6238],{},"：各ページを画像として再描画し、解像度調整・JPEG再エンコードを行うブラウザ標準のグラフィックAPI",[11,6844,6845,6846,6848,6849,6854],{},"重い処理はメインスレッドをブロックしないよう",[34,6847,6242],{},"内で実行される。",[76,6850,6853],{"href":6851,"rel":6852},"https:\u002F\u002Fhtml.spec.whatwg.org\u002Fmultipage\u002Fcanvas.html",[80],"Canvas APIはW3C HTMLリビングスタンダードで標準化","されており、Chrome・Firefox・Safari・Edgeすべてで追加インストールなしに利用できる。",[26,6856,6858],{"id":6857},"ステップ1ツールにアクセスする","ステップ1：ツールにアクセスする",[11,6860,6861,6864],{},[76,6862,4913],{"href":4913,"rel":6863},[80]," をブラウザで開く。PC・スマートフォン・タブレットのいずれからでも動作する。インストール不要で、アクセス直後から使える状態になっている。",[26,6866,6868],{"id":6867},"ステップ2pdfをドロップまたは選択する","ステップ2：PDFをドロップまたは選択する",[11,6870,6871],{},"画面中央のドロップゾーンにPDFをドラッグ＆ドロップするか、「ファイルを選択」ボタンからファイルを指定する。このタイミングでファイルはブラウザのメモリ上に読み込まれるだけで、外部への送信は行われない。",[26,6873,6875],{"id":6874},"ステップ3圧縮品質を選択する","ステップ3：圧縮品質を選択する",[175,6877,6878,6891],{},[178,6879,6880],{},[181,6881,6882,6885,6888],{},[184,6883,6884],{},"品質設定",[184,6886,6887],{},"DPI目安",[184,6889,6890],{},"おすすめ用途",[197,6892,6893,6904,6915],{},[181,6894,6895,6898,6901],{},[202,6896,6897],{},"高（Low compression）",[202,6899,6900],{},"150 dpi前後",[202,6902,6903],{},"印刷・長期保存が必要な場合",[181,6905,6906,6909,6912],{},[202,6907,6908],{},"中（Balanced）",[202,6910,6911],{},"96〜120 dpi",[202,6913,6914],{},"メール添付の標準的な用途",[181,6916,6917,6920,6923],{},[202,6918,6919],{},"低（High compression）",[202,6921,6922],{},"72 dpi前後",[202,6924,6925],{},"とにかくサイズを最小化したい場合",[11,6927,6928],{},"メール添付が目的であれば「中」から試して、それでも上限を超えるようなら「低」に切り替えるのが効率的だ。画像品質の劣化が気になる場合は「高」を選び、添付上限との折り合いをつける。",[26,6930,6932],{"id":6931},"ステップ4圧縮してダウンロードする","ステップ4：圧縮してダウンロードする",[11,6934,6935],{},"「圧縮する」ボタンをクリックすると処理が始まる。処理中は進捗が表示される。完了後は「ダウンロード」ボタンでローカルデバイスに保存される。アカウント登録・ログイン・メールアドレスの入力は一切不要だ。",[26,6937,6939],{"id":6938},"通信ゼロをdevtoolsで自分の目で確認する","通信ゼロをDevToolsで自分の目で確認する",[11,6941,6942],{},"ファイルが本当に外部送信されていないかを自分で検証したい場合、次の手順で確認できる。",[124,6944,6945,6948,6957,6960],{},[45,6946,6947],{},"Chrome または Edge でツールページを開く",[45,6949,6950,6952,6953,6956],{},[34,6951,6280],{}," キーを押して開発者ツールを起動し、",[34,6954,6955],{},"Network"," タブをクリックする",[45,6958,6959],{},"ページをリロードしてからPDFをドロップし、「圧縮する」ボタンをクリックする",[45,6961,6962,6963,778,6966,6969],{},"Networkタブのフィルタに ",[34,6964,6965],{},"XHR",[34,6967,6968],{},"Fetch"," を選択し、リクエスト一覧を確認する",[11,6971,6972],{},"zerosendの場合、PDFデータを乗せた外部ドメインへのリクエストは記録されない。ライブラリファイルのロードは発生するが、PDFファイルのバイナリが外部に飛ぶ通信はゼロだ。「信頼してください」という主張ではなく、利用者が手元で検証できる透明性を担保している点が特徴といえる。",[26,6974,6975],{"id":6975},"オフライン環境でも動作する",[11,6977,6978],{},"zerosendは初回アクセス後、Service Workerがライブラリ等を端末内にキャッシュする。2回目以降はオフライン状態（機内モード・VPN切断・社内ネットワーク制限下）でもPDF圧縮処理を実行できる。処理がサーバーに依存していないため、ネットワーク接続が切れても動作に影響しない。出張先や移動中の作業にも対応できる。",[18,6980],{},[21,6982,6983],{"id":6983},"圧縮してもサイズが足りないときの追加対策",[11,6985,6986],{},"最高圧縮率を適用してもなお添付上限を超える場合は、以下の方法を組み合わせる。",[26,6988,6990],{"id":6989},"pdfを分割して複数通に分ける","PDFを分割して複数通に分ける",[11,6992,6993,6994,6998],{},"ページ数が多い場合は前半・後半に分けて2通に分割するのがシンプルな回避策だ。zerosendには",[76,6995,6997],{"href":1919,"rel":6996},[80],"PDF分割ツール","も用意されており、同様にサーバー送信なしで処理できる。受信者に分割の旨を件名に明記すると混乱が少ない。",[26,7000,7001],{"id":7001},"クラウドストレージのリンク共有を使う",[11,7003,7004],{},"Google Drive・OneDrive・Dropboxにアップロードしてリンクをメール本文に貼る方法は、ファイルサイズ制限を完全に回避できる。ただし機密文書の場合は共有設定を「特定のユーザーのみ」に限定し、アクセス権の設定ミスによる情報漏洩に注意が必要だ。",[26,7006,7007],{"id":7007},"スキャン設定を見直す",[11,7009,7010],{},"根本的にファイルサイズを抑えたいなら、スキャナの設定を変更するのが最も効果が大きい。",[42,7012,7013,7018,7024],{},[45,7014,7015,7017],{},[34,7016,3711],{},"：200 dpi以下に落とす（業務書類の多くは200 dpiで十分読める）",[45,7019,7020,7023],{},[34,7021,7022],{},"カラー設定","：カラーからグレースケールまたは白黒に変更する",[45,7025,7026,7029],{},[34,7027,7028],{},"PDF圧縮品質","：スキャナメーカーによっては保存時の圧縮率を選択できる項目がある",[11,7031,7032],{},"設定変更だけで同じ書類のファイルサイズが5分の1以下になることも珍しくない。",[18,7034],{},[21,7036,723],{"id":722},[26,7038,7040],{"id":7039},"q1-圧縮後にpdfのテキストが読めなくなることはあるか","Q1. 圧縮後にPDFのテキストが読めなくなることはあるか？",[11,7042,7043],{},"テキストデータは再エンコードされず、文字情報はそのまま保持される。影響を受けるのは埋め込み画像の解像度と品質のみだ。「高」品質設定であれば、通常の画面閲覧・業務文書の印刷用途で視覚的な劣化に気づくケースはほとんどない。",[26,7045,7047],{"id":7046},"q2-スマートフォンからも使えるか","Q2. スマートフォンからも使えるか？",[11,7049,7050],{},"iOS Safari・Android Chromeで動作確認済みだ。ファイル選択はスマートフォンのファイルアプリや写真アプリと連携できる。ただし50 MBを超える大容量ファイルを処理する場合、端末搭載メモリの量によって処理速度が低下することがある。",[26,7052,7054],{"id":7053},"q3-パスワードがかかったpdfは圧縮できるか","Q3. パスワードがかかったPDFは圧縮できるか？",[11,7056,7057],{},"パスワード保護（暗号化）されたPDFは、まずパスワードを解除してから圧縮する必要がある。現時点では、パスワード付きPDFをそのまま圧縮する機能には対応していない。",[26,7059,7061],{"id":7060},"q4-圧縮後のpdfは印刷に使えるか","Q4. 圧縮後のPDFは印刷に使えるか？",[11,7063,7064],{},"「高」設定（Low compression・150 dpi前後）であれば、家庭用・オフィス用レーザープリンター・インクジェットプリンターでの印刷に十分な画質を維持できる。商業印刷（入稿データ）や高精細な図面への用途には元ファイルの使用を推奨する。",[26,7066,7068],{"id":7067},"q5-一度に複数のpdfをまとめて圧縮できるか","Q5. 一度に複数のPDFをまとめて圧縮できるか？",[11,7070,7071],{},"現時点では1ファイルずつの処理となる。複数ファイルを連続処理したい場合は、1件ダウンロード後に次のファイルをドロップゾーンに投入することで続けて利用できる。",[18,7073],{},[21,7075,398],{"id":398},[11,7077,7078],{},"PDFがメールで送れない場合の対処法と、ツール選びの判断基準を以下に整理する。",[42,7080,7081,7087,7093,7099,7109],{},[45,7082,7083,7086],{},[34,7084,7085],{},"サイズ超過の主因は埋め込み画像","：カラースキャンや図版入り資料は適切な設定で50〜80%の削減が見込める。テキストのみのPDFへの効果は限定的だ。",[45,7088,7089,7092],{},[34,7090,7091],{},"オンラインツールはサーバー送信の有無を確認する","：Smallpdf・iLovePDF・Adobe Acrobat オンラインなど代表的なサービスはクラウド処理型であり、機密文書のアップロードにはデータポリシーの確認が必要になる。",[45,7094,7095,7098],{},[34,7096,7097],{},"ブラウザ内処理はネットワーク通信ゼロを実現する","：zerosenedはpdf-lib・pdfjs-dist・Canvas APIをWeb Worker内で動作させ、データを一切外部送信しない。DevToolsのNetworkタブで利用者自身が通信ゼロを検証できる。",[45,7100,7101,7104,7105,7108],{},[34,7102,7103],{},"圧縮で解決しない場合はPDF分割またはクラウド共有を組み合わせる","：zerosendの",[76,7106,6997],{"href":1919,"rel":7107},[80],"も同様にサーバー送信なしで利用できる。",[45,7110,7111,7114],{},[34,7112,7113],{},"初回アクセス後はオフラインでも動作する","：Service Workerキャッシュにより、ネットワーク環境に左右されない安定した処理が可能だ。",[11,7116,7117,7118,7122],{},"業務文書や個人情報を含むPDFを日常的に扱う環境では、処理の透明性を自分で確認できるツールを選ぶことが長期的なリスク管理につながる。",[76,7119,7121],{"href":4913,"rel":7120},[80],"PDF圧縮ツール（zerosend）","はそのための実用的な選択肢の一つだ。",{"title":422,"searchDepth":423,"depth":423,"links":7124},[7125,7130,7135,7139,7148,7153,7160],{"id":6478,"depth":423,"text":6479,"children":7126},[7127,7128,7129],{"id":6482,"depth":428,"text":6482},{"id":6536,"depth":428,"text":6537},{"id":6566,"depth":428,"text":6566},{"id":6590,"depth":423,"text":6591,"children":7131},[7132,7133,7134],{"id":6594,"depth":428,"text":6594},{"id":6634,"depth":428,"text":6634},{"id":6678,"depth":428,"text":6679},{"id":6687,"depth":423,"text":6688,"children":7136},[7137,7138],{"id":6691,"depth":428,"text":6691},{"id":6700,"depth":428,"text":6701},{"id":6812,"depth":423,"text":6813,"children":7140},[7141,7142,7143,7144,7145,7146,7147],{"id":6816,"depth":428,"text":6817},{"id":6857,"depth":428,"text":6858},{"id":6867,"depth":428,"text":6868},{"id":6874,"depth":428,"text":6875},{"id":6931,"depth":428,"text":6932},{"id":6938,"depth":428,"text":6939},{"id":6975,"depth":428,"text":6975},{"id":6983,"depth":423,"text":6983,"children":7149},[7150,7151,7152],{"id":6989,"depth":428,"text":6990},{"id":7001,"depth":428,"text":7001},{"id":7007,"depth":428,"text":7007},{"id":722,"depth":423,"text":723,"children":7154},[7155,7156,7157,7158,7159],{"id":7039,"depth":428,"text":7040},{"id":7046,"depth":428,"text":7047},{"id":7053,"depth":428,"text":7054},{"id":7060,"depth":428,"text":7061},{"id":7067,"depth":428,"text":7068},{"id":398,"depth":423,"text":398},"PDFの添付上限超えをブラウザ内処理で解決。サーバーにファイルを送信せず圧縮できるツールの仕組み・手順・競合比較をまとめた実践ガイド。",{},"\u002Fblog\u002Fpdf-email-compress","2026-05-06",{"title":6468,"description":7161},"pdf-email-compress","blog\u002Fpdf-email-compress",[1445,814,1446,815],"cz9PDy-rI2dQcuqiEXSdCrhXES8d2lz1ZvNuYLxhcMg",{"id":7171,"title":7172,"author":6,"body":7173,"category":441,"coverImage":442,"description":7693,"draft":444,"extension":445,"locale":446,"meta":7694,"navigation":448,"noindex":444,"path":7695,"publishedAt":7696,"seo":7697,"slug":7698,"stem":7699,"tags":7700,"updatedAt":6464,"__hash__":7701},"blog\u002Fblog\u002Fcore-web-vitals-image-compress.md","Core Web Vitals を画像圧縮で改善する完全ガイド【LCP対策】",{"type":8,"value":7174,"toc":7664},[7175,7179,7182,7202,7211,7214,7218,7228,7232,7235,7246,7248,7251,7254,7315,7318,7320,7324,7327,7331,7338,7342,7345,7349,7358,7362,7381,7383,7387,7399,7403,7409,7413,7416,7420,7423,7427,7430,7434,7437,7439,7442,7445,7548,7551,7554,7556,7559,7563,7569,7575,7578,7581,7584,7587,7591,7594,7596,7598,7603,7606,7611,7614,7619,7627,7632,7635,7640,7647,7649,7651,7654,7661],[21,7176,7178],{"id":7177},"なぜ画像が-core-web-vitals-を下げるのか","なぜ画像が Core Web Vitals を下げるのか",[11,7180,7181],{},"Google が検索ランキングの評価基準に組み込んでいる「Core Web Vitals」は、現在3つの指標で構成されている。",[42,7183,7184,7190,7196],{},[45,7185,7186,7189],{},[34,7187,7188],{},"LCP（Largest Contentful Paint）","：ページ内で最も大きなコンテンツが描画されるまでの時間",[45,7191,7192,7195],{},[34,7193,7194],{},"INP（Interaction to Next Paint）","：ユーザー操作から次の描画までの応答速度",[45,7197,7198,7201],{},[34,7199,7200],{},"CLS（Cumulative Layout Shift）","：読み込み中に発生するレイアウトのずれ",[11,7203,7204,7205,7210],{},"このうち画像が直撃するのは LCP だ。ファーストビューに置かれたヒーロー画像や記事アイキャッチが LCP 対象要素になるケースは非常に多く、ファイルが重いほど「良好」の合格ライン（2.5秒以内）を超えやすい。Google の ",[76,7206,7209],{"href":7207,"rel":7208},"https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals",[80],"Core Web Vitals 技術文書"," では、LCP 悪化の主因として「リソースのロード時間」が明示されており、その代表格が最適化されていない画像ファイルだ。",[11,7212,7213],{},"デジタルカメラやスマートフォンが出力する JPEG は、無処理のまま 3〜8 MB に達することが珍しくない。そのファイルをそのまま CMS にアップロードし続けた結果、PageSpeed Insights の LCP が「改善が必要（2.5秒超）」になっているサイトは今でも大量に存在する。",[26,7215,7217],{"id":7216},"cls-への影響も見落とさない","CLS への影響も見落とさない",[11,7219,7220,7221,102,7224,7227],{},"CLS への影響も軽視できない。画像タグに ",[54,7222,7223],{},"width",[54,7225,7226],{},"height"," 属性が設定されていない場合、ブラウザは読み込み完了まで表示領域を確保できず、後からレイアウトがずれる。圧縮によって読み込みを速くしつつ、属性指定でスペースを事前に予約する組み合わせが CLS スコアの維持にも寄与する。",[26,7229,7231],{"id":7230},"pagespeed-insights-が出す画像関連の警告を読む","PageSpeed Insights が出す画像関連の警告を読む",[11,7233,7234],{},"PageSpeed Insights で計測した際に以下のいずれかが「改善が必要」として表示されているなら、画像圧縮は費用対効果が最も高い改善アクションになる。",[42,7236,7237,7240,7243],{},[45,7238,7239],{},"「適切なサイズの画像」",[45,7241,7242],{},"「効率的な画像エンコード」",[45,7244,7245],{},"「次世代フォーマットでの画像の配信」",[18,7247],{},[21,7249,7250],{"id":7250},"圧縮前後のスコア変化の目安",[11,7252,7253],{},"ファイルサイズ別の改善期待値を下表に示す。値はページ構成や通信速度によって変動するが、3 MB 超の画像を抱えているページはほぼ例外なく効果を体感できる。",[175,7255,7256,7269],{},[178,7257,7258],{},[181,7259,7260,7263,7266],{},[184,7261,7262],{},"元のファイルサイズ",[184,7264,7265],{},"圧縮後の目安",[184,7267,7268],{},"LCP 改善の期待値",[197,7270,7271,7282,7293,7304],{},[181,7272,7273,7276,7279],{},[202,7274,7275],{},"5 MB 以上",[202,7277,7278],{},"300〜500 KB",[202,7280,7281],{},"大きく改善（数秒単位）",[181,7283,7284,7287,7290],{},[202,7285,7286],{},"1〜3 MB",[202,7288,7289],{},"150〜300 KB",[202,7291,7292],{},"明確に改善（1秒前後）",[181,7294,7295,7298,7301],{},[202,7296,7297],{},"500 KB〜1 MB",[202,7299,7300],{},"80〜150 KB",[202,7302,7303],{},"中程度改善（0.5秒前後）",[181,7305,7306,7309,7312],{},[202,7307,7308],{},"500 KB 未満",[202,7310,7311],{},"50〜80 KB",[202,7313,7314],{},"軽微〜誤差の範囲",[11,7316,7317],{},"圧縮後は必ず PageSpeed Insights または Chrome DevTools の Lighthouse で再計測し、改善幅を数値で把握する。「やった気になる」だけで終わらせないためにも、計測は必須のステップだ。",[18,7319],{},[21,7321,7323],{"id":7322},"画像圧縮の一般的な手順ツール非依存","画像圧縮の一般的な手順（ツール非依存）",[11,7325,7326],{},"ツールを問わず共通する圧縮の流れを4ステップで整理する。",[26,7328,7330],{"id":7329},"ステップ-1lcp-対象要素を特定する","ステップ 1：LCP 対象要素を特定する",[11,7332,7333,7334,7337],{},"Chrome DevTools を開き、Lighthouse タブで「パフォーマンス」を計測する。レポートの「LCP」セクションをクリックすると、対象要素がハイライト表示される。まずその要素の URL とファイルサイズを確認することが出発点だ。対象要素が思ったものと異なるケースは多い。CMS が自動生成したサムネイルや、CSS の ",[54,7335,7336],{},"background-image"," で指定した画像が LCP になっていることもある。",[26,7339,7341],{"id":7340},"ステップ-2リサイズと圧縮をセットで行う","ステップ 2：リサイズと圧縮をセットで行う",[11,7343,7344],{},"「圧縮」と「リサイズ（解像度の変更）」は別の操作だが、セットで考えると効果が大きい。横幅 800 px で表示している領域に対して 3,000 px 幅の画像を使っていれば、まず 800 px 程度にリサイズしてから JPEG 品質を 70〜80 % に落とすだけで、ファイルサイズが元の 10 分の 1 以下になることがある。品質を下げる前にまずリサイズを行うのが、視覚品質を保ちながらサイズを削るコツだ。",[26,7346,7348],{"id":7347},"ステップ-3フォーマットを検討する","ステップ 3：フォーマットを検討する",[11,7350,7351,7352,7357],{},"WebP は JPEG と比較して同等の視覚品質で 20〜30 % 程度ファイルサイズを削減できる。",[76,7353,7356],{"href":7354,"rel":7355},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FMedia\u002FFormats\u002FImage_types#webp",[80],"MDN の WebP 解説"," によれば、現在の主要ブラウザは広く WebP をサポートしており、モダンな環境では JPEG を WebP に置き換えるだけでも LCP に貢献する。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は慎重に判断する。",[26,7359,7361],{"id":7360},"ステップ-4html-の属性を整備する","ステップ 4：HTML の属性を整備する",[11,7363,7364,7365,102,7367,7369,7370,7373,7374,7377,7378,7380],{},"圧縮後、画像タグに ",[54,7366,7223],{},[54,7368,7226],{}," 属性を設定して CLS を防ぐ。ファーストビューの画像には ",[54,7371,7372],{},"loading=\"eager\"","（または属性なし）、スクロール先の画像には ",[54,7375,7376],{},"loading=\"lazy\""," を使い分けると、必要なリソースが優先的に読み込まれる。ファーストビュー画像への ",[54,7379,7376],{}," は LCP を悪化させる典型的な誤りなので注意が必要だ。",[18,7382],{},[21,7384,7386],{"id":7385},"zerosend-を使ったブラウザ内圧縮の手順","zerosend を使ったブラウザ内圧縮の手順",[11,7388,7389,7394,7395,7398],{},[76,7390,7393],{"href":7391,"rel":7392},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fimage-compress",[80],"zerosend の画像圧縮ツール"," は、圧縮処理をサーバーではなくブラウザ内で完結させる設計になっている。使用しているライブラリは ",[34,7396,7397],{},"browser-image-compression（Web Worker）"," で、メインスレッドをブロックせずにバックグラウンドで処理を走らせる。ファイルの内容は一切外部サーバーに送信されない。",[26,7400,7402],{"id":7401},"ステップ-1ツールにアクセスする","ステップ 1：ツールにアクセスする",[11,7404,7405,7408],{},[76,7406,7391],{"href":7391,"rel":7407},[80]," をブラウザで開く。インストール不要、アカウント登録不要。Service Worker によるキャッシュが有効なため、初回ロード後はオフライン環境でも動作する。社内ネットワークでインターネットアクセスが制限されている環境でも、一度ロードさえしておけば継続して使用できる。",[26,7410,7412],{"id":7411},"ステップ-2ファイルを選択する","ステップ 2：ファイルを選択する",[11,7414,7415],{},"ドラッグ＆ドロップ、またはファイル選択ダイアログで画像を読み込む。JPEG・PNG・WebP に対応している。複数ファイルをまとめて読み込むバッチ処理にも対応しており、複数枚を一度に圧縮できる。",[26,7417,7419],{"id":7418},"ステップ-3品質スライダーを調整する","ステップ 3：品質スライダーを調整する",[11,7421,7422],{},"品質 70〜80 % が Web サイト用途のデフォルト推奨値だ。ファーストビューの主要ビジュアルであれば 80 %、背景画像や繰り返し使うアイコン類なら 65〜70 % でも視覚的な劣化はほぼ感じられない。スライダーを動かすたびにプレビューが更新されるため、圧縮前後の見た目を比較しながら数値を決められる。",[26,7424,7426],{"id":7425},"ステップ-4network-タブでアップロード通信がゼロであることを確認する","ステップ 4：Network タブでアップロード通信がゼロであることを確認する",[11,7428,7429],{},"セキュリティポリシーが厳しい環境での利用前や、「本当にサーバーに送っていないか」を確認したい場合は、自分で検証できる。Chrome DevTools を開いて Network タブを選択し、ツールを操作しながらリクエストを監視する。画像ファイルに関するアップロード通信が一切発生しないことをリアルタイムで確認できる。クラウド型のサービスではこの確認を行うとアップロードリクエストが記録されるが、zerosend では何も記録されない。",[26,7431,7433],{"id":7432},"ステップ-5ダウンロードして-cms-に反映する","ステップ 5：ダウンロードして CMS に反映する",[11,7435,7436],{},"圧縮後のファイルをダウンロードし、そのまま CMS やサーバーにアップロードする。元ファイルとのサイズ比較が画面上で確認でき、何 % 削減されたかが数値で表示される。",[18,7438],{},[21,7440,7441],{"id":7441},"主要ツールとの比較",[11,7443,7444],{},"圧縮ツールを選ぶ際に重視される観点を整理した。特に「送信先サーバー」列は、機密性の高い画像を扱う場合に見落としがちな観点だ。",[175,7446,7447,7464],{},[178,7448,7449],{},[181,7450,7451,7453,7455,7457,7459,7461],{},[184,7452,500],{},[184,7454,1205],{},[184,7456,4742],{},[184,7458,3895],{},[184,7460,503],{},[184,7462,7463],{},"バッチ処理",[197,7465,7466,7481,7498,7514,7532],{},[181,7467,7468,7470,7472,7474,7477,7479],{},[202,7469,6129],{},[202,7471,6135],{},[202,7473,558],{},[202,7475,7476],{},"可（SW キャッシュ）",[202,7478,6242],{},[202,7480,1889],{},[181,7482,7483,7485,7488,7491,7493,7495],{},[202,7484,4752],{},[202,7486,7487],{},"あり（Smallpdf のサーバー）",[202,7489,7490],{},"1日 2 ファイルまで",[202,7492,1892],{},[202,7494,4045],{},[202,7496,7497],{},"有料プランのみ",[181,7499,7500,7502,7505,7508,7510,7512],{},[202,7501,4768],{},[202,7503,7504],{},"あり（iLovePDF のサーバー）",[202,7506,7507],{},"1日上限あり",[202,7509,1892],{},[202,7511,4045],{},[202,7513,7497],{},[181,7515,7516,7519,7522,7525,7527,7529],{},[202,7517,7518],{},"TinyPNG \u002F TinyJPG",[202,7520,7521],{},"あり（Tinify のサーバー）",[202,7523,7524],{},"月 500 ファイルまで",[202,7526,1892],{},[202,7528,4045],{},[202,7530,7531],{},"可（API 利用時）",[181,7533,7534,7536,7538,7540,7542,7545],{},[202,7535,4061],{},[202,7537,6135],{},[202,7539,558],{},[202,7541,1889],{},[202,7543,7544],{},"WASM",[202,7546,7547],{},"不可（1 ファイルずつ）",[11,7549,7550],{},"Smallpdf・iLovePDF・TinyPNG はいずれもクラウドサーバーでの処理が前提であり、アップロードしたファイルは一時的にでも外部サーバーに送信される。個人写真・社内資料・顧客から提供された素材を扱う場合、そのリスクは無視できない。",[11,7552,7553],{},"Squoosh はブラウザ内処理でプライバシー面に優れているが、1 ファイルずつしか処理できないため、複数枚を日常的に扱うワークフローには向いていない。zerosend は複数ファイルの一括処理に対応している点で、実務的な運用に組み込みやすい。",[18,7555],{},[21,7557,7558],{"id":7558},"よくある落とし穴と対処法",[26,7560,7562],{"id":7561},"圧縮したのに-lcp-が改善しない","圧縮したのに LCP が改善しない",[11,7564,7565,7566,7568],{},"最も多い原因は「圧縮した画像とは別のファイルが実際には LCP に使われている」ケースだ。CMS のプラグインが自動生成したサムネイル画像が LCP 対象になっていたり、CSS の ",[54,7567,7336],{}," で設定した画像が LCP 要素になっていたりする。Lighthouse のレポートで対象要素の URL を確認し、実際に差し替えたファイルと一致しているかを必ず検証する。",[11,7570,7571,7572,7574],{},"もう一つの原因として、ファーストビュー画像に ",[54,7573,7376],{}," が設定されている場合がある。lazy-load は LCP 対象要素には逆効果になるため、ファーストビューの画像には設定しない。",[26,7576,7577],{"id":7577},"圧縮しすぎてブランドイメージを損ねた",[11,7579,7580],{},"品質を 50 % 以下まで落とすと、JPEG 特有のブロックノイズが目立ち始める。特に人物写真やグラデーションを含む画像では視覚的な劣化が顕著になる。品質は 70〜80 % を下限の目安とし、どうしてもファイルサイズを削りたい場合はリサイズを先に行う方が品質を維持しやすい。",[26,7582,7583],{"id":7583},"一度だけ対応して終わりにした",[11,7585,7586],{},"新しいページを追加するたびに未最適化の画像が混入すると、サイト全体のスコアは再び悪化する。制作フローに「アップロード前に圧縮ツールを通す」というステップを明示的に組み込むか、CMS の自動最適化機能（WordPress であれば ShortPixel や Imagify 等のプラグイン）を併用することで、属人的な対応をなくすことができる。",[26,7588,7590],{"id":7589},"_100-kb-以下でも警告が出る","100 KB 以下でも警告が出る",[11,7592,7593],{},"ファイルサイズではなく「表示サイズに対して解像度が過剰」と判定されている場合に出る。例えば 100 KB の PNG でも、横幅 2,000 px で書き出されたものを 400 px の領域で表示していれば警告対象になる。リサイズで解像度を表示サイズに合わせることで解消する。",[18,7595],{},[21,7597,1989],{"id":1988},[11,7599,7600],{},[34,7601,7602],{},"Q1. 圧縮すると SEO 的に不利になることはあるか？",[11,7604,7605],{},"ない。Google は表示速度を評価するが、同一 URL で提供される限りファイルサイズの変化それ自体がコンテンツの品質評価に影響することはない。むしろ圧縮によって LCP が改善すれば Core Web Vitals のスコアが向上し、検索順位にプラスに働く可能性がある。",[11,7607,7608],{},[34,7609,7610],{},"Q2. WebP への変換は必須か？",[11,7612,7613],{},"必須ではないが効果は高い。既存の JPEG を WebP に変換するだけで 20〜30 % のファイル削減が見込めるため、LCP がギリギリ合格ラインにあるページでは変換を検討する価値がある。ただし古い CMS 環境やメールマガジンへの埋め込みなど、WebP 未対応の環境が対象に含まれる場合は注意が必要だ。",[11,7615,7616],{},[34,7617,7618],{},"Q3. zerosend で PNG を WebP に変換することはできるか？",[11,7620,7621,7622,7626],{},"zerosend の",[76,7623,7625],{"href":6228,"rel":7624},[80],"画像変換ツール","では、PNG・JPEG を WebP に変換する機能を提供している。圧縮と変換を組み合わせることで、さらに大きなファイルサイズ削減が期待できる。変換処理もブラウザ内で完結するため、ファイルは外部に送信されない。",[11,7628,7629],{},[34,7630,7631],{},"Q4. スマートフォン撮影の写真を直接圧縮してもよいか？",[11,7633,7634],{},"問題ない。ただしスマートフォン写真は EXIF データ（GPS 情報・撮影日時等）を含むことが多い。zerosend のブラウザ内処理ではファイルが外部に送信されないため、EXIF データを含む写真でも情報漏洩のリスクなしに圧縮できる。クラウド型サービスでは EXIF 情報ごと外部サーバーに送信される点と対照的だ。",[11,7636,7637],{},[34,7638,7639],{},"Q5. 画像圧縮以外に LCP を改善する手段はあるか？",[11,7641,7642,7643,7646],{},"ある。CDN の利用、サーバー応答時間の短縮、",[54,7644,7645],{},"\u003Clink rel=\"preload\">"," による画像の事前読み込み指定、フォントの最適化などが代表的な手段だ。ただしこれらは設定変更やインフラ費用を伴うことが多く、即効性という点では画像圧縮が最も着手しやすい。画像圧縮で対処できる改善余地をまず使い切り、それでも目標値に届かない場合に他の手段を検討するのが現実的な順序だ。",[18,7648],{},[21,7650,398],{"id":398},[11,7652,7653],{},"Core Web Vitals のうちページ表示速度に最も直結する LCP を改善するには、画像圧縮が最も即効性の高い手段だ。対応の手順は「LCP 対象要素の特定 → リサイズ → 圧縮 → HTML 属性の整備 → 再計測」のサイクルを回すだけであり、特別な専門知識は不要だ。",[11,7655,7656,7657,7660],{},"プライバシーが気になる業務用途では、ファイルをサーバーに送信しないブラウザ内処理ツールを選ぶことが重要になる。zerosend の",[76,7658,4207],{"href":7391,"rel":7659},[80],"は browser-image-compression を Web Worker で動作させており、Chrome DevTools の Network タブでアップロード通信がゼロであることを誰でも自分で検証できる。初回ロード後は Service Worker のキャッシュによりオフライン環境でも動作するため、ネットワーク制限のある環境でも継続して使用できる。",[11,7662,7663],{},"一度の対応で終わらせず、画像をアップロードする前に圧縮するというステップを制作フローに組み込むことが、Core Web Vitals のスコアを継続的に維持する最も現実的な方法だ。",{"title":422,"searchDepth":423,"depth":423,"links":7665},[7666,7670,7671,7677,7684,7685,7691,7692],{"id":7177,"depth":423,"text":7178,"children":7667},[7668,7669],{"id":7216,"depth":428,"text":7217},{"id":7230,"depth":428,"text":7231},{"id":7250,"depth":423,"text":7250},{"id":7322,"depth":423,"text":7323,"children":7672},[7673,7674,7675,7676],{"id":7329,"depth":428,"text":7330},{"id":7340,"depth":428,"text":7341},{"id":7347,"depth":428,"text":7348},{"id":7360,"depth":428,"text":7361},{"id":7385,"depth":423,"text":7386,"children":7678},[7679,7680,7681,7682,7683],{"id":7401,"depth":428,"text":7402},{"id":7411,"depth":428,"text":7412},{"id":7418,"depth":428,"text":7419},{"id":7425,"depth":428,"text":7426},{"id":7432,"depth":428,"text":7433},{"id":7441,"depth":423,"text":7441},{"id":7558,"depth":423,"text":7558,"children":7686},[7687,7688,7689,7690],{"id":7561,"depth":428,"text":7562},{"id":7577,"depth":428,"text":7577},{"id":7583,"depth":428,"text":7583},{"id":7589,"depth":428,"text":7590},{"id":1988,"depth":423,"text":1989},{"id":398,"depth":423,"text":398},"LCP悪化の主因は画像の重さ。圧縮前後のスコア目安・手順・プライバシー安全なブラウザ内処理ツールの比較まで、実践的に解説します。",{},"\u002Fblog\u002Fcore-web-vitals-image-compress","2026-05-05",{"title":7172,"description":7693},"core-web-vitals-image-compress","blog\u002Fcore-web-vitals-image-compress",[1743,1445,2594,6463],"FRRn6aETDLGIWfMvq0hTPpmd8dMvwj0BA7KDHibK5yY",{"id":7703,"title":7704,"author":6,"body":7705,"category":441,"coverImage":442,"description":7940,"draft":444,"extension":445,"locale":446,"meta":7941,"navigation":448,"noindex":448,"path":7942,"publishedAt":7943,"seo":7944,"slug":7945,"stem":7946,"tags":7947,"updatedAt":7943,"__hash__":7948},"blog\u002Fblog\u002Faudio-convert-intro.md","音声形式を変換する — \u002Ftools\u002Faudio-convert の思想と使い方",{"type":8,"value":7706,"toc":7929},[7707,7710,7717,7720,7746,7749,7756,7759,7762,7783,7786,7810,7813,7839,7842,7845,7869,7872,7874,7880,7886,7892,7898,7901],[11,7708,7709],{},"取材の録音を MP3 に揃えたい、古い WAV ファイルを容量節約のため M4A に変えたい、ポッドキャスト配信用の形式に統一したい。音声ファイルの形式変換は、取材者・編集者・音楽制作者が日常的に行う作業です。",[11,7711,7712,7716],{},[76,7713,7715],{"href":7714},"\u002Ftools\u002Faudio-convert","Zerosend の音声形式変換ツール"," は、この作業をブラウザ内で完結させます。",[21,7718,7719],{"id":7719},"主なユースケース",[42,7721,7722,7728,7734,7740],{},[45,7723,7724,7727],{},[34,7725,7726],{},"MP3 で圧縮配布",": WAV や FLAC などのマスター音源を MP3 に変換して容量を大幅に削減し、メールや共有リンクで配布しやすくする",[45,7729,7730,7733],{},[34,7731,7732],{},"WAV で高音質保存",": 録音した音声インタビューや楽曲を非圧縮の WAV で保存し、後の編集作業に備える",[45,7735,7736,7739],{},[34,7737,7738],{},"動画ファイルから MP3 を抽出",": 講演・ウェビナーの録画動画から音声トラックだけを取り出し、ポッドキャストや音声コンテンツとして再利用する",[45,7741,7742,7745],{},[34,7743,7744],{},"形式の統一",": 複数人から集まった異なる形式の録音ファイルを、編集ソフトに合わせて一括で同一形式に変換する",[21,7747,7748],{"id":7748},"なぜブラウザ内で変換するのか",[11,7750,7751,7752,7755],{},"録音された音声は、",[34,7753,7754],{},"発話の中身そのもの","を情報として持ちます。インタビュー対象者の声、打ち合わせでの発言、取材源の証言。これらを無料のオンライン変換サービスに預けることは、発話内容そのものを第三者のサーバーに預けることと同じです。",[11,7757,7758],{},"Zerosend は変換処理をローカルで行うため、音声ファイルが一切外に出ません。取材ソースの保護や NDA 下の音源加工でも安全に使えます。",[21,7760,7761],{"id":7761},"使い方",[124,7763,7764,7771,7774,7777,7780],{},[45,7765,7766,7770],{},[76,7767,7768],{"href":7714},[54,7769,7714],{}," を開く",[45,7772,7773],{},"音声ファイルをドラッグ&ドロップ (複数可)",[45,7775,7776],{},"出力形式 (MP3 \u002F WAV \u002F M4A \u002F OGG) とビットレートを選択",[45,7778,7779],{},"「変換を開始する」をクリック",[45,7781,7782],{},"結果を ZIP でダウンロード",[21,7784,7785],{"id":7785},"形式の選び方",[42,7787,7788,7793,7798,7804],{},[45,7789,7790,7792],{},[34,7791,862],{},": 最も汎用。ポッドキャスト・配信・共有の標準",[45,7794,7795,7797],{},[34,7796,868],{},": 可逆 (ロスレス)。編集中のマスター音源・音楽制作用",[45,7799,7800,7803],{},[34,7801,7802],{},"M4A (AAC)",": MP3 より圧縮効率が良い。iOS 環境で標準",[45,7805,7806,7809],{},[34,7807,7808],{},"OGG (Vorbis)",": オープン形式。ゲーム・一部ブラウザで効率重視",[26,7811,7812],{"id":7812},"ビットレートの目安",[42,7814,7815,7821,7827,7833],{},[45,7816,7817,7820],{},[34,7818,7819],{},"320 kbps",": 音質最優先 (MP3 の実用上限)",[45,7822,7823,7826],{},[34,7824,7825],{},"192 kbps",": 標準品質。一般向け音声の定番",[45,7828,7829,7832],{},[34,7830,7831],{},"128 kbps",": 容量優先。音声解説・ポッドキャスト",[45,7834,7835,7838],{},[34,7836,7837],{},"96 kbps 以下",": 会話のみの録音など、音質より軽さ",[21,7840,7841],{"id":7841},"仕組み",[11,7843,7844],{},"ffmpeg.wasm を使って再エンコードしています。",[42,7846,7847,7850,7863,7866],{},[45,7848,7849],{},"入力音声を ffmpeg FS に書き込み",[45,7851,7852,7853,1650,7856,1650,7859,7862],{},"出力形式に応じたエンコーダ (",[54,7854,7855],{},"libmp3lame",[54,7857,7858],{},"aac",[54,7860,7861],{},"libvorbis"," など) を指定",[45,7864,7865],{},"ビットレート・チャンネル数・サンプリングレートを設定",[45,7867,7868],{},"出力 Blob を生成してダウンロード",[11,7870,7871],{},"メタデータ (タイトル・アーティスト) は極力引き継ぎます。",[21,7873,359],{"id":359},[11,7875,7876,7879],{},[34,7877,7878],{},"Q. 可逆 → 非可逆 (WAV → MP3) と 非可逆 → 非可逆 (MP3 → M4A) の違いは？","\nA. 非可逆 → 非可逆は二重に圧縮されるため音質がさらに劣化します。マスター音源 (WAV) から目的形式に直接変換するのをお勧めします。",[11,7881,7882,7885],{},[34,7883,7884],{},"Q. 複数ファイルのバッチ変換は？","\nA. 対応しています。10〜20 ファイル程度を 1 バッチで処理するのが現実的です。",[11,7887,7888,7891],{},[34,7889,7890],{},"Q. 動画から音声だけ抜き出したい","\nA. 動画ファイルを入力すれば音声トラックを抽出して指定形式で書き出します。",[11,7893,7894,7897],{},[34,7895,7896],{},"Q. ビットレートを自由に指定できる？","\nA. プリセットから選ぶ方式です。細かい制御が必要なら別途専門ツールを検討してください。",[21,7899,7900],{"id":7900},"関連ツール",[42,7902,7903,7910,7916,7923],{},[45,7904,7905,7909],{},[76,7906,7908],{"href":7907},"\u002Ftools\u002Faudio-trim","音声トリミング"," — 変換前後の区間切り出し",[45,7911,7912,7915],{},[76,7913,7914],{"href":3801},"動画形式変換"," — 動画側の形式変換",[45,7917,7918,7922],{},[76,7919,7921],{"href":7920},"\u002Ftools\u002Fvideo-trim","動画トリミング"," — 音声抽出前の動画整形",[45,7924,7925,7928],{},[76,7926,7927],{"href":3761},"動画圧縮"," — 動画から音声を抽出する前に動画サイズを削減する",{"title":422,"searchDepth":423,"depth":423,"links":7930},[7931,7932,7933,7934,7937,7938,7939],{"id":7719,"depth":423,"text":7719},{"id":7748,"depth":423,"text":7748},{"id":7761,"depth":423,"text":7761},{"id":7785,"depth":423,"text":7785,"children":7935},[7936],{"id":7812,"depth":428,"text":7812},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の音声形式変換ツールは、MP3 \u002F WAV \u002F M4A \u002F FLAC \u002F OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-convert-intro","2026-04-20",{"title":7704,"description":7940},"audio-convert-intro","blog\u002Faudio-convert-intro",[217,456,500],"ygOl5UxaRR08imNR6CBVNTZYYq81JlBCoDC3Y1Y-98U",{"id":7950,"title":7951,"author":6,"body":7952,"category":441,"coverImage":442,"description":8184,"draft":444,"extension":445,"locale":446,"meta":8185,"navigation":448,"noindex":448,"path":8186,"publishedAt":7943,"seo":8187,"slug":8188,"stem":8189,"tags":8190,"updatedAt":7943,"__hash__":8191},"blog\u002Fblog\u002Faudio-trim-intro.md","音声をトリミング (切り出し) する — \u002Ftools\u002Faudio-trim の思想と使い方",{"type":8,"value":7953,"toc":8174},[7954,7957,7962,7965,8003,8006,8009,8016,8018,8038,8042,8048,8051,8053,8064,8077,8084,8087,8113,8115,8121,8131,8137,8143,8155,8157],[11,7955,7956],{},"60 分のインタビューから引用したい 30 秒を抜き出したい、会議録音の不要な冒頭\u002F末尾をカットしたい、ポッドキャスト素材のつなぎ目を整えたい。音声のトリミングは、録音後の編集で最初に行う作業です。",[11,7958,7959,7716],{},[76,7960,7961],{"href":7907},"Zerosend の音声トリミングツール",[21,7963,7964],{"id":7964},"こんな場面で使える",[42,7966,7967,7973,7979,7985,7991,7997],{},[45,7968,7969,7972],{},[34,7970,7971],{},"ポッドキャスト収録の前後カット",": 収録開始前の雑談や終了後の「切れましたか？」をまるごと除去",[45,7974,7975,7978],{},[34,7976,7977],{},"BGM の切り出し",": 長いオーディオトラックから使いたいサビ部分だけを抽出",[45,7980,7981,7984],{},[34,7982,7983],{},"着信音・通知音の作成",": お気に入りの曲の冒頭 30 秒をトリミングして着信音用ファイルに",[45,7986,7987,7990],{},[34,7988,7989],{},"インタビュー引用",": 60 分音源から 30 秒の発言だけを抜き出してプレゼンや記事に添付",[45,7992,7993,7996],{},[34,7994,7995],{},"会議録音の整理",": 30 分の会議音声から議題ごとに区間を切り出してアーカイブ",[45,7998,7999,8002],{},[34,8000,8001],{},"語学学習素材",": リスニング教材の特定フレーズだけを繰り返し練習するために切り出す",[21,8004,8005],{"id":8005},"なぜブラウザ内でトリミングするのか",[11,8007,8008],{},"音声ファイルには発話内容そのものが記録されています。インタビュー、取材、商談、カウンセリング、医療相談。どれも機密性が高く、当事者以外に聞かれることを想定していない音声です。",[11,8010,8011,8012,8015],{},"「一部だけ切り出したい」という作業でも、オンラインツールに預けると",[34,8013,8014],{},"入力した音声全体","が相手に渡ります。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生せず、音源全体の機密が守られます。",[21,8017,7761],{"id":7761},[124,8019,8020,8026,8029,8032,8035],{},[45,8021,8022,7770],{},[76,8023,8024],{"href":7907},[54,8025,7907],{},[45,8027,8028],{},"音声ファイルをドラッグ&ドロップ",[45,8030,8031],{},"開始時刻・終了時刻を指定",[45,8033,8034],{},"「トリミングを開始する」をクリック",[45,8036,8037],{},"切り出された音声をダウンロード",[21,8039,8041],{"id":8040},"ffmpegwasm-によるブラウザ内処理","ffmpeg.wasm によるブラウザ内処理",[11,8043,8044,8045,8047],{},"動画・音声処理の定番ツール ffmpeg は、本来ターミナルから使うソフトウェアです。",[34,8046,622],{}," はこれを WebAssembly でブラウザ上で動くようにしたもので、インストール不要でネイティブアプリ並みの音声処理が手元で行えます。",[11,8049,8050],{},"Zerosend の音声トリミングも ffmpeg.wasm を通じて動作するため、音声データがサーバーに送られることはありません。機密性の高い音声もブラウザのタブを閉じれば跡形もなく消えます。",[21,8052,7841],{"id":7841},[11,8054,8055,8056,8059,8060,8063],{},"ffmpeg.wasm の ",[54,8057,8058],{},"-ss"," \u002F ",[54,8061,8062],{},"-to"," オプションで指定区間を抽出します。",[42,8065,8066,8068,8074],{},[45,8067,7849],{},[45,8069,8070,8073],{},[54,8071,8072],{},"-ss \u003Cstart> -i input -to \u003Cend> -c copy output"," でロスレス抽出",[45,8075,8076],{},"再エンコードなしで切り出すため処理が速く音質劣化もない",[11,8078,8079,8080,8083],{},"入力がどの形式であっても、基本的には同じ形式で書き出されます。形式を変えたいときは ",[76,8081,8082],{"href":7714},"音声形式変換"," と組み合わせてください。",[21,8085,8086],{"id":8086},"使いどころ",[42,8088,8089,8095,8101,8107],{},[45,8090,8091,8094],{},[34,8092,8093],{},"インタビューの引用",": 60 分音源から 30 秒の引用箇所を切り出す",[45,8096,8097,8100],{},[34,8098,8099],{},"不要区間の除去",": 録音冒頭の環境音や末尾の雑音をカット",[45,8102,8103,8106],{},[34,8104,8105],{},"ポッドキャスト編集",": 冗長な「えー」「あのー」を含む区間を削除 (1 区間ずつ)",[45,8108,8109,8112],{},[34,8110,8111],{},"会議議事録の根拠音声",": 要旨に関連する数分の根拠区間を抜き出す",[21,8114,359],{"id":359},[11,8116,8117,8120],{},[34,8118,8119],{},"Q. MP3 は正確にカットできますか？","\nA. MP3 はフレーム境界に依存するため、指定した時刻の直前のフレーム境界に揃います。秒単位の切り出しなら実用上問題ありません。WAV や FLAC などのロスレス形式はより正確なカットが可能です。",[11,8122,8123,8126,8127,8130],{},[34,8124,8125],{},"Q. 音質は落ちますか？","\nA. ",[54,8128,8129],{},"-c copy"," によるロスレス抽出のため、再エンコードが発生せず元の音質がそのまま保持されます。MP3 を MP3 のまま切り出しても音質の劣化はありません。",[11,8132,8133,8136],{},[34,8134,8135],{},"Q. 複数区間を切り出して連結できる？","\nA. 現状は 1 区間のみです。複数区間を抽出したい場合は 1 つずつ切り出してから別途連結してください。",[11,8138,8139,8142],{},[34,8140,8141],{},"Q. フェードイン\u002Fフェードアウトを追加できますか？","\nA. 現状は非対応です。必要なら切り出した音声を別の編集ツールで処理してください。",[11,8144,8145,8148,8149,8151,8152,8154],{},[34,8146,8147],{},"Q. 動画ファイルから音声部分だけ切り出したい","\nA. 動画ファイルを入力して ",[76,8150,8082],{"href":7714}," を使うと、動画の音声トラックを指定形式で抽出できます。トリミングしたい区間があるなら、まず ",[76,8153,7921],{"href":7920}," で区間抽出 → 音声形式変換、の順がお勧めです。",[21,8156,7900],{"id":7900},[42,8158,8159,8164,8169],{},[45,8160,8161,8163],{},[76,8162,8082],{"href":7714}," — トリミング後に形式を変えたいとき",[45,8165,8166,8168],{},[76,8167,7921],{"href":7920}," — 映像付きの区間抽出",[45,8170,8171,8173],{},[76,8172,7914],{"href":3801}," — 動画側の処理",{"title":422,"searchDepth":423,"depth":423,"links":8175},[8176,8177,8178,8179,8180,8181,8182,8183],{"id":7964,"depth":423,"text":7964},{"id":8005,"depth":423,"text":8005},{"id":7761,"depth":423,"text":7761},{"id":8040,"depth":423,"text":8041},{"id":7841,"depth":423,"text":7841},{"id":8086,"depth":423,"text":8086},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の音声トリミングツールは、音声ファイルをサーバーに送らずブラウザ内で任意の区間だけ切り出します。長尺インタビュー・会議録音・ポッドキャスト素材の整形に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-trim-intro",{"title":7951,"description":8184},"audio-trim-intro","blog\u002Faudio-trim-intro",[217,813,500],"xOaMMee0jyUB9vJwwuU6c1V9z2rn4aDGY_ATuzvD4bA",{"id":8193,"title":8194,"author":6,"body":8195,"category":441,"coverImage":442,"description":8400,"draft":444,"extension":445,"locale":446,"meta":8401,"navigation":448,"noindex":448,"path":8402,"publishedAt":7943,"seo":8403,"slug":8404,"stem":8405,"tags":8406,"updatedAt":6464,"__hash__":8407},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方",{"type":8,"value":8196,"toc":8391},[8197,8200,8207,8211,8214,8217,8220,8223,8226,8229,8232,8235,8238,8241,8244,8247,8250,8253,8256,8262,8265,8268,8279,8301,8304,8307,8310,8313,8316,8319,8322,8325,8328,8334,8340,8350,8360,8363,8366,8372,8380,8388],[11,8198,8199],{},"iPhone で撮影した写真を同僚や取引先に送ったら「開けません」と返ってきた——そんな経験をした人は少なくないはずです。iPhone の標準保存形式である HEIC (High Efficiency Image Container) は、Apple のエコシステムの外では互換性が限定的で、Windows PC や Android 端末、さらには多くの Web サービスでもそのまま扱いにくいのが実情です。",[11,8201,8202,8203,8206],{},"変換方法はいくつかありますが、手軽さとプライバシーの両立という点では、ブラウザ内で処理が完結する方法が理にかなっています。zerosend の ",[76,8204,8205],{"href":3166},"HEIC → JPG 変換"," はその考え方をベースに作られたツールです。この記事では、HEIC という形式の特性から始め、変換が現実的に必要になる場面、ブラウザ処理の仕組みと実際の手順、そして使うときに知っておくべき注意点まで、実践に直結する形で解説します。",[21,8208,8210],{"id":8209},"heic-という形式が抱える互換性の壁","HEIC という形式が抱える互換性の壁",[11,8212,8213],{},"HEIC は Apple が iOS 11（2017年）から採用したコンテナ形式で、内部的には HEVC（H.265）という映像圧縮アルゴリズムを静止画に応用しています。同等の画質を保ちながら JPG の約半分のファイルサイズを実現するため、ストレージ効率の観点では非常に優秀な形式です。iPhone が何年も前から HEIC をデフォルトにしているのはそのためです。",[11,8215,8216],{},"問題は、この形式が Apple の外に出た途端に摩擦を生じさせることにあります。",[11,8218,8219],{},"Windows 10 以降は HEIC ファイルを開くために Microsoft Store から「HEVC ビデオ拡張機能」を別途インストールする必要があります。かつては有償（約120円）でしたが、現在は無償で取得できるケースもあるものの、企業の管理下に置かれた PC では Microsoft Store 自体が制限されていることも多く、そもそも手順を知らないまま「開けない」で終わるユーザーが大半です。",[11,8221,8222],{},"画像編集ソフトでも状況は似ていて、Adobe Photoshop や Lightroom はバージョンによって対応状況が異なり、古い環境に依存している現場では HEIC がそのまま使い物にならないことがあります。Web サービスについては、X（旧 Twitter）や Facebook、note、各種クラウドストレージなど、HEIC のアップロードを受け付けないプラットフォームが今でも存在します。ファイルを選択してアップロードしようとしたら弾かれた、という体験は HEIC 特有のつまずきポイントです。",[11,8224,8225],{},"こうした背景を踏えると、HEIC を JPG に変換するのは「念のため」ではなく、実際のワークフローで避けられない作業になっているケースが多いことが分かります。",[21,8227,8228],{"id":8228},"変換が必要になる典型的な場面",[11,8230,8231],{},"HEIC の互換性問題が具体的に表面化するのは、どのような状況でしょうか。よくあるパターンを整理しておくと、自分の状況に当てはめやすくなります。",[11,8233,8234],{},"仕事で iPhone を使って撮影した資料写真や現場の状況写真を、Windows 環境のチームメンバーに共有するケースは非常に多いです。メールや社内チャットで送るだけなら届きますが、受け取った側が開けないという問題が生じます。特に HEIC コーデックが入っていない PC では、ファイルアイコンがグレーになったまま何も表示されません。",[11,8236,8237],{},"ブログや SNS への投稿も同様です。iPhone のカメラロールから直接写真を選んでアップロードしようとすると、形式エラーで弾かれることがあります。プラットフォームによってはエラーメッセージすら明確でなく、「なぜかアップロードできない」という状態に陥ります。",[11,8239,8240],{},"フリーランスのカメラマンやデザイナーが iPhone をサブカメラとして使う場合、クライアントへの納品ファイルに HEIC が混在するのは問題です。形式を JPG に統一することは、納品物の品質管理として当然の作業になります。",[11,8242,8243],{},"また、古い機器との連携も見落としがちな場面です。デジタルフォトフレームや一部のプリンターは HEIC 非対応であるため、印刷前の変換が必要になります。これはエンジニアではなく一般家庭のユーザーが直面する状況で、手軽に解決できる手段が求められています。",[21,8245,8246],{"id":8246},"なぜファイルをアップロードしない方法を選ぶべきか",[11,8248,8249],{},"「HEIC 変換」と検索すると、無料のオンラインサービスが多数ヒットします。使い方は簡単で、ファイルをアップロードして変換されたファイルをダウンロードするだけです。ただ、このフローには根本的な問題があります。ファイルが一度でも外部サーバーに送られた時点で、その写真のコントロールは自分の手を離れます。",[11,8251,8252],{},"iPhone の写真には、本人の顔や家族の姿、家の内部、さらには EXIF データとして撮影日時や GPS 座標が埋め込まれているケースがあります。これらを不特定の第三者が運営するサーバーにアップロードすることは、個人情報保護の観点から見ると軽視できないリスクです。利用規約にデータの使途が明記されていたとしても、実際の運用がどうなっているかをユーザーが確認する手段はほとんどありません。",[11,8254,8255],{},"業務用途ではさらに厳しい制約があります。NDA（秘密保持契約）を結んでいるプロジェクトの撮影素材、医療・法務・不動産などの機密性の高い写真は、外部サーバーへの送信自体がアウトになるケースがあります。こうした場面では「サーバーに送らない」という設計が、単なる付加価値ではなく必須条件になります。",[11,8257,8258,8259,8261],{},"zerosend の ",[76,8260,8205],{"href":3166}," は、デコードから JPG の書き出しまでをすべてブラウザ内で処理します。ファイルはネットワークを経由せず、処理はブラウザのタブの中だけで閉じます。ページを閉じれば元のファイルも変換後のファイルも端末のキャッシュにすら残りません。",[21,8263,8264],{"id":8264},"ブラウザ内変換の技術的な仕組み",[11,8266,8267],{},"ブラウザ内だけで HEIC を JPG に変換できると聞くと不思議に思えるかもしれません。現時点でブラウザの標準機能（Web API）には HEIC のデコード機能がないため、外部ライブラリを使って補います。",[11,8269,8270,8271,8274,8275,8278],{},"zerosend では ",[54,8272,8273],{},"heic2any"," というライブラリを使っています。これは C で書かれた ",[54,8276,8277],{},"libheif"," ライブラリを WebAssembly（WASM）にコンパイルして JavaScript から利用可能にしたもので、HEIC ファイルの展開処理をブラウザ内のサンドボックス環境で実行できます。",[11,8280,8281,8282,8285,8286,8289,8290,8292,8293,8296,8297,8300],{},"処理の流れを大まかに説明すると、まず選択された HEIC ファイルを ",[54,8283,8284],{},"FileReader"," API で ",[54,8287,8288],{},"ArrayBuffer"," として読み込みます。その ArrayBuffer を ",[54,8291,8273],{}," に渡すと、内部で libheif の WASM モジュールが HEVC デコードを行い、JPEG の Blob オブジェクトとして返します。品質設定を変更したい場合は、",[54,8294,8295],{},"Canvas"," 要素経由でさらに再エンコードをかけることで任意の圧縮率を指定できます。最後に元のファイル名の拡張子を ",[54,8298,8299],{},".jpg"," に変えて書き出します。",[11,8302,8303],{},"初回のみ libheif の WASM（約 2MB）をダウンロードする処理が入るため、最初の変換には少し時間がかかります。2 回目以降はブラウザキャッシュに保持されるため、待ち時間なく即時に変換が始まります。オフライン環境であっても、一度キャッシュに乗っていれば動作します。",[11,8305,8306],{},"複数ファイルの処理はループで順次行われます。数十枚程度であれば快適に処理できますが、100 枚を超えるような大量のバッチ処理では、ブラウザのメモリ状況によっては処理が遅くなることがあります。その場合は 30〜50 枚程度に分けて変換するのが現実的な対処です。",[21,8308,8309],{"id":8309},"実際の変換手順と設定の選び方",[11,8311,8312],{},"操作そのものはシンプルですが、設定の意味を理解しておくと出力結果の質が上がります。",[11,8314,8315],{},"ツールを開いたら、HEIC または HEIF ファイルをドラッグ&ドロップするか、ファイル選択ダイアログから複数ファイルを選んでください。HEIC と HEIF はコンテナの呼称が異なるだけで、実態はほぼ同じ形式です（HEIF がコンテナの総称で、その中で HEVC エンコードされた静止画が HEIC と呼ばれます）。どちらも変換対象として認識されます。",[11,8317,8318],{},"品質スライダーは JPG の圧縮率を制御します。数値が高いほど高画質で大きいファイルになり、低いほど小さなファイルになります。Web 掲載用なら 75〜80、印刷素材や画像編集のベースとして使うなら 90 前後を目安にするとバランスがとれます。元の HEIC はすでに高効率な圧縮がかかっているため、JPG 品質を 100 にしてもファイルサイズが極端に膨らむわけではありませんが、HEIC → JPEG の再エンコードを経る分、理論的には画質の劣化は避けられません。必要以上に高品質にしても意味がないことは覚えておいてください。",[11,8320,8321],{},"変換が完了すると ZIP ファイルで一括ダウンロードできます。元のファイル名が保持されているため、変換後に別途リネームする手間がかかりません。ブラウザが許可する場合は個別に保存することもできますが、複数ファイルを扱う場合は ZIP の方が効率的です。",[21,8323,8324],{"id":8324},"変換前に知っておきたい注意点",[11,8326,8327],{},"HEIC から JPG への変換に際して、知っておくと後で困らない点をいくつか補足します。",[11,8329,8330,8333],{},[34,8331,8332],{},"EXIF データの扱い","：HEIC には撮影日時、カメラモデル、絞り値やシャッタースピードなどの撮影情報、そして GPS 座標（位置情報）が EXIF として含まれていることがあります。変換後の JPG でどの情報が引き継がれ、どの情報が失われるかはツールの実装によって異なります。位置情報が削除される場合はプライバシーの観点からむしろ安心ですが、撮影日時が残るかどうかは用途によって重要度が変わります。SNS 投稿前に位置情報を確実に削除したい場合は、変換後に EXIF 削除ツールを別途使うのが確実です。",[11,8335,8336,8339],{},[34,8337,8338],{},"Live Photo の扱い","：iPhone の Live Photo は静止画と短い動画（MOV）がセットになった形式です。HEIC ファイルとして保存されるのは静止画部分のみで、変換後も静止画の JPG が出力されます。動画部分は HEIC の中には入っておらず、別のファイルとして存在しています。Live Photo の動画部分も必要な場合は、iPhone の「写真」アプリで書き出す設定を「現状のまま」にして MOV ファイルを別途取り出す必要があります。",[11,8341,8342,8345,8346,8349],{},[34,8343,8344],{},"Apple ProRAW と HEIC の混在","：iPhone 12 Pro 以降で ProRAW 撮影をしている場合、カメラロールには ",[54,8347,8348],{},".dng"," 拡張子の RAW ファイルが含まれることがあります。これは HEIC ではないため、HEIC 変換ツールでは処理できません。用途に応じて RAW 現像ソフトで別途 JPG に書き出す必要があります。",[11,8351,8352,8355,8356,8359],{},[34,8353,8354],{},"ファイルサイズの変化","：HEIC は非常に効率的な圧縮形式であるため、変換後の JPG は同等画質の場合にファイルサイズが増えることがあります。これは変換の失敗ではなく、形式の特性上の変化です。Web 掲載用にさらに軽くしたい場合は、変換後に ",[76,8357,8358],{"href":4206},"画像圧縮"," を使ってサイズを調整することをお勧めします。",[21,8361,8362],{"id":8362},"変換後の用途に応じた次のステップ",[11,8364,8365],{},"JPG に変換したあと、用途によってはさらに加工が必要になることがあります。",[11,8367,8368,8369,8371],{},"Web やブログに掲載する場合、JPG のファイルサイズが大きいと読み込み速度に影響します。",[76,8370,8358],{"href":4206}," で品質を落とさずにファイルサイズを削減するか、WebP 形式に変換して現代のブラウザ向けに最適化するのが一般的な対処です。",[11,8373,8374,8375,8379],{},"複数の写真を1枚の PDF にまとめて提出・共有したい場合は、",[76,8376,8378],{"href":8377},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF 変換"," を使うと変換後の JPG をそのまま PDF にまとめられます。紙の資料と共有するビジネス用途や、写真を印刷所に入稿する際に PDF 形式を求められるケースに対応できます。",[11,8381,8382,8383,8387],{},"写真の寸法を特定のサイズに揃えたい——たとえばプロフィール画像やサムネイルとして規定の解像度に合わせたい——場合は、",[76,8384,8386],{"href":8385},"\u002Ftools\u002Fimage-resize","画像リサイズ"," で幅・高さを数値指定して調整できます。",[11,8389,8390],{},"iPhone 写真の互換性問題は、HEIC という形式が優秀であるがゆえに生じるトレードオフです。Apple エコシステムの中だけで完結する使い方なら問題ありませんが、外部と写真をやり取りする機会がある限り、JPG への変換は避けられない作業です。どうせ変換するなら、ファイルを外に送り出すことなくブラウザの中だけで片付けてしまう方が、余計な心配をせずに済みます。",{"title":422,"searchDepth":423,"depth":423,"links":8392},[8393,8394,8395,8396,8397,8398,8399],{"id":8209,"depth":423,"text":8210},{"id":8228,"depth":423,"text":8228},{"id":8246,"depth":423,"text":8246},{"id":8264,"depth":423,"text":8264},{"id":8309,"depth":423,"text":8309},{"id":8324,"depth":423,"text":8324},{"id":8362,"depth":423,"text":8362},"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fheic-to-jpg-intro",{"title":8194,"description":8400},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[1743,500,456,814],"coiHOrxrMORhAV5eMwrUt-0E4goOPviPY140ak7tn1k",{"id":8409,"title":8410,"author":6,"body":8411,"category":441,"coverImage":442,"description":8614,"draft":444,"extension":445,"locale":446,"meta":8615,"navigation":448,"noindex":448,"path":8616,"publishedAt":7943,"seo":8617,"slug":8618,"stem":8619,"tags":8620,"updatedAt":7943,"__hash__":8621},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":8,"value":8412,"toc":8605},[8413,8416,8419,8445,8451,8454,8457,8460,8467,8470,8472,8491,8493,8516,8523,8525,8532,8553,8560,8562,8568,8574,8580,8586,8588],[11,8414,8415],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[11,8417,8418],{},"よくあるユースケースを整理するとこうなります。",[42,8420,8421,8427,8433,8439],{},[45,8422,8423,8426],{},[34,8424,8425],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[45,8428,8429,8432],{},[34,8430,8431],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[45,8434,8435,8438],{},[34,8436,8437],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[45,8440,8441,8444],{},[34,8442,8443],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[11,8446,8447,8450],{},[76,8448,8449],{"href":4231},"Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[21,8452,8453],{"id":8453},"形式を変換したい主な理由",[11,8455,8456],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[21,8458,8459],{"id":8459},"なぜブラウザ内で形式変換するのか",[11,8461,8462,8463,8466],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[34,8464,8465],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[11,8468,8469],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[21,8471,7761],{"id":7761},[124,8473,8474,8480,8483,8486,8488],{},[45,8475,8476,7770],{},[76,8477,8478],{"href":4231},[54,8479,4231],{},[45,8481,8482],{},"画像をドラッグ&ドロップ (複数可)",[45,8484,8485],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[45,8487,7779],{},[45,8489,8490],{},"結果を ZIP でまとめてダウンロード",[21,8492,7785],{"id":7785},[42,8494,8495,8500,8505,8510],{},[45,8496,8497,8499],{},[34,8498,2945],{},": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[45,8501,8502,8504],{},[34,8503,2547],{},": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[45,8506,8507,8509],{},[34,8508,4419],{},": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[45,8511,8512,8515],{},[34,8513,8514],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[11,8517,8518,8519,8522],{},"ブログや EC で表示速度を気にするなら ",[34,8520,8521],{},"WebP 一択","と言って差し支えありません。",[21,8524,7841],{"id":7841},[11,8526,8527,8528,8531],{},"Canvas API の ",[54,8529,8530],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[42,8533,8534,8540,8547],{},[45,8535,8536,8537,8539],{},"入力画像を ",[54,8538,56],{}," として読み込み",[45,8541,8542,8543,8546],{},"同寸の ",[54,8544,8545],{},"\u003Ccanvas>"," に描画",[45,8548,8549,8552],{},[54,8550,8551],{},"toBlob"," で出力形式と品質を指定して書き出し",[11,8554,8555,8556,8559],{},"HEIC 入力のみ別ツール (",[76,8557,8558],{"href":3166},"HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[21,8561,359],{"id":359},[11,8563,8564,8567],{},[34,8565,8566],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[11,8569,8570,8573],{},[34,8571,8572],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[11,8575,8576,8579],{},[34,8577,8578],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[11,8581,8582,8585],{},[34,8583,8584],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[21,8587,7900],{"id":7900},[42,8589,8590,8595,8600],{},[45,8591,8592,8594],{},[76,8593,8358],{"href":4206}," — 品質指定で再エンコードしてサイズ削減",[45,8596,8597,8599],{},[76,8598,8386],{"href":8385}," — 形式変換と同時に寸法も揃えたいときは先にこちら",[45,8601,8602,8604],{},[76,8603,8558],{"href":3166}," — iPhone 写真専用の変換",{"title":422,"searchDepth":423,"depth":423,"links":8606},[8607,8608,8609,8610,8611,8612,8613],{"id":8453,"depth":423,"text":8453},{"id":8459,"depth":423,"text":8459},{"id":7761,"depth":423,"text":7761},{"id":7785,"depth":423,"text":7785},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":8410,"description":8614},"image-convert-intro","blog\u002Fimage-convert-intro",[1743,456,4419,500],"dNXvxzCCHaktG8_WTz9m52p5ftzxx-Jq6uk8-nqakoA",{"id":8623,"title":8624,"author":6,"body":8625,"category":441,"coverImage":442,"description":8836,"draft":444,"extension":445,"locale":446,"meta":8837,"navigation":448,"noindex":448,"path":8838,"publishedAt":7943,"seo":8839,"slug":8840,"stem":8841,"tags":8842,"updatedAt":7943,"__hash__":8844},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":8,"value":8626,"toc":8828},[8627,8630,8637,8639,8677,8680,8683,8689,8692,8694,8731,8733,8769,8772,8774,8780,8789,8795,8801,8807,8809],[11,8628,8629],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。Photoshop を開くほどでもないのに地味に面倒な作業ですよね。",[11,8631,8632,8636],{},[76,8633,8635],{"href":8634},"\u002Ftools\u002Fimage-edit","Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[21,8638,7964],{"id":7964},[42,8640,8641,8647,8653,8659,8665,8671],{},[45,8642,8643,8646],{},[34,8644,8645],{},"SNS アイコン・プロフィール画像",": Instagram や Twitter は正方形が基本。1:1 プリセットでワンクリック切り抜き",[45,8648,8649,8652],{},[34,8650,8651],{},"証明写真のトリミング",": 就活・パスポート申請用に 3:4 比率で切り抜き。顔が含まれるデータをサーバーに送りたくないときに特に有効",[45,8654,8655,8658],{},[34,8656,8657],{},"スキャン画像の向き修正",": スキャナが横向きで読み込んだ場合、90° 回転で即座に修正",[45,8660,8661,8664],{},[34,8662,8663],{},"商品画像の整形",": EC サイト用に余白をカットして正方形化",[45,8666,8667,8670],{},[34,8668,8669],{},"鏡像反転",": 文字が逆に写り込んだ画像を水平反転で修正",[45,8672,8673,8676],{},[34,8674,8675],{},"ブログ・資料のサムネイル",": 16:9 プリセットで統一感のある横長画像を作成",[21,8678,8679],{"id":8679},"なぜブラウザ内で編集するのか",[11,8681,8682],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[11,8684,8685,8686,605],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードすると、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[34,8687,8688],{},"利用者側からはその境界が見えません",[11,8690,8691],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[21,8693,7761],{"id":7761},[124,8695,8696,8702,8705,8728],{},[45,8697,8698,7770],{},[76,8699,8700],{"href":8634},[54,8701,8634],{},[45,8703,8704],{},"画像をドラッグ&ドロップ",[45,8706,8707,8708],{},"3 つの操作から選ぶ:\n",[42,8709,8710,8716,8722],{},[45,8711,8712,8715],{},[34,8713,8714],{},"切り抜き",": 矩形を選択範囲として指定",[45,8717,8718,8721],{},[34,8719,8720],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[45,8723,8724,8727],{},[34,8725,8726],{},"反転",": 水平 \u002F 垂直",[45,8729,8730],{},"プレビューで結果を確認してダウンロード",[21,8732,7841],{"id":7841},[42,8734,8735,8747,8756],{},[45,8736,8737,8739,8740,8742,8743,8746],{},[34,8738,8714],{},": 選択した矩形の寸法の ",[54,8741,8545],{}," を作り、",[54,8744,8745],{},"drawImage"," で元画像の該当領域を切り出し",[45,8748,8749,8751,8752,8755],{},[34,8750,8720],{},": 回転行列を ",[54,8753,8754],{},"ctx.transform"," で適用してから描画",[45,8757,8758,8760,8761,8764,8765,8768],{},[34,8759,8726],{},": ",[54,8762,8763],{},"ctx.scale(-1, 1)"," で水平、",[54,8766,8767],{},"ctx.scale(1, -1)"," で垂直",[11,8770,8771],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[21,8773,359],{"id":359},[11,8775,8776,8779],{},[34,8777,8778],{},"Q. 元の画像ファイルは変更されますか？","\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。",[11,8781,8782,8785,8786,8788],{},[34,8783,8784],{},"Q. 対応している画像形式は？","\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",[76,8787,8205],{"href":3166}," を使ってから編集してください。",[11,8790,8791,8794],{},[34,8792,8793],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[11,8796,8797,8800],{},[34,8798,8799],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[11,8802,8803,8806],{},[34,8804,8805],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[21,8808,7900],{"id":7900},[42,8810,8811,8816,8821],{},[45,8812,8813,8815],{},[76,8814,8386],{"href":8385}," — 切り抜き後に寸法を揃えたいとき",[45,8817,8818,8820],{},[76,8819,8358],{"href":4206}," — 編集後の軽量化",[45,8822,8823,8827],{},[76,8824,8826],{"href":8825},"\u002Ftools\u002Fimage-merge","画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":422,"searchDepth":423,"depth":423,"links":8829},[8830,8831,8832,8833,8834,8835],{"id":7964,"depth":423,"text":7964},{"id":8679,"depth":423,"text":8679},{"id":7761,"depth":423,"text":7761},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":8624,"description":8836},"image-edit-intro","blog\u002Fimage-edit-intro",[1743,8843,500],"編集","0hG7liiv-RC6UszRMXKm0Pu_JTdGZnwSKP8_nwe7UfA",{"id":8846,"title":8847,"author":6,"body":8848,"category":441,"coverImage":442,"description":9053,"draft":444,"extension":445,"locale":446,"meta":9054,"navigation":448,"noindex":448,"path":9055,"publishedAt":7943,"seo":9056,"slug":9057,"stem":9058,"tags":9059,"updatedAt":7943,"__hash__":9060},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":8,"value":8849,"toc":9044},[8850,8853,8859,8862,8869,8872,8874,8897,8899,8925,8928,8932,8952,8958,8960,8986,8988,8997,9003,9012,9018,9024,9026],[11,8851,8852],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を横並びで 1 枚にしたい。操作マニュアルの手順画像を縦に並べて 1 ファイルにまとめたい。比較画像や before\u002Fafter の資料作りで、画像を並べたいシーンは日常的に発生します。",[11,8854,8855,8858],{},[76,8856,8857],{"href":8825},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[21,8860,8861],{"id":8861},"なぜブラウザ内で結合するのか",[11,8863,8864,8865,8868],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[34,8866,8867],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[11,8870,8871],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[21,8873,7761],{"id":7761},[124,8875,8876,8882,8885,8888,8891,8894],{},[45,8877,8878,7770],{},[76,8879,8880],{"href":8825},[54,8881,8825],{},[45,8883,8884],{},"画像を複数枚ドラッグ&ドロップ",[45,8886,8887],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[45,8889,8890],{},"順序が違う場合はドラッグで並べ替え",[45,8892,8893],{},"「結合を開始する」をクリック",[45,8895,8896],{},"1 枚の画像としてダウンロード",[21,8898,7841],{"id":7841},[42,8900,8901,8904,8910,8916,8919],{},[45,8902,8903],{},"各入力画像の寸法を計測",[45,8905,8906,8907,8909],{},"結合後の ",[54,8908,8545],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[45,8911,8912,8913,8915],{},"画像を順に ",[54,8914,8745],{}," で配置",[45,8917,8918],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[45,8920,8921,8924],{},[54,8922,8923],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[11,8926,8927],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。",[21,8929,8931],{"id":8930},"縦結合横結合の使い分け","縦結合・横結合の使い分け",[42,8933,8934,8940,8946],{},[45,8935,8936,8939],{},[34,8937,8938],{},"縦に連結",": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる",[45,8941,8942,8945],{},[34,8943,8944],{},"横に連結",": ビフォー\u002Fアフターを並べる、比較検討資料を 1 枚にする",[45,8947,8948,8951],{},[34,8949,8950],{},"グリッド",": 複数カットを整然と並べて SNS 投稿やカタログ素材にする",[11,8953,8954,8955,8957],{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",[76,8956,8386],{"href":8385}," で寸法を統一しておくと、余白なしにきれいに仕上がります。",[21,8959,8086],{"id":8086},[42,8961,8962,8968,8974,8980],{},[45,8963,8964,8967],{},[34,8965,8966],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[45,8969,8970,8973],{},[34,8971,8972],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[45,8975,8976,8979],{},[34,8977,8978],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[45,8981,8982,8985],{},[34,8983,8984],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[21,8987,359],{"id":359},[11,8989,8990,8993,8994,8996],{},[34,8991,8992],{},"Q. 結合後のファイルサイズはどのくらいになりますか？","\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",[76,8995,8358],{"href":4206}," で軽量化するのがおすすめです。",[11,8998,8999,9002],{},[34,9000,9001],{},"Q. 何枚まで結合できますか？","\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。",[11,9004,9005,9008,9009,9011],{},[34,9006,9007],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[76,9010,8386],{"href":8385}," で揃えておくときれいに仕上がります。",[11,9013,9014,9017],{},[34,9015,9016],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[11,9019,9020,9023],{},[34,9021,9022],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[21,9025,7900],{"id":7900},[42,9027,9028,9033,9038],{},[45,9029,9030,9032],{},[76,9031,8386],{"href":8385}," — 結合前にサイズを揃える",[45,9034,9035,9037],{},[76,9036,8358],{"href":4206}," — 結合後の巨大ファイルを軽くする",[45,9039,9040,9043],{},[76,9041,9042],{"href":8377},"画像 → PDF"," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":422,"searchDepth":423,"depth":423,"links":9045},[9046,9047,9048,9049,9050,9051,9052],{"id":8861,"depth":423,"text":8861},{"id":7761,"depth":423,"text":7761},{"id":7841,"depth":423,"text":7841},{"id":8930,"depth":423,"text":8931},{"id":8086,"depth":423,"text":8086},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":8847,"description":9053},"image-merge-intro","blog\u002Fimage-merge-intro",[1743,4955,500],"ABtX_8V0akr12EaV3HwWf2y3hF0xHd61RgfQ7dZbuEA",{"id":9062,"title":9063,"author":6,"body":9064,"category":441,"coverImage":442,"description":9252,"draft":444,"extension":445,"locale":446,"meta":9253,"navigation":448,"noindex":448,"path":9254,"publishedAt":7943,"seo":9255,"slug":9256,"stem":9257,"tags":9258,"updatedAt":7943,"__hash__":9259},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":8,"value":9065,"toc":9242},[9066,9069,9075,9078,9084,9091,9093,9112,9115,9153,9155,9161,9186,9189,9192,9195,9197,9203,9209,9215,9221,9223],[11,9067,9068],{},"SNS に投稿したい、社内 Wiki に貼りたい、EC サイトの商品画像に使いたい、メールに添付したい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[11,9070,9071,9074],{},[76,9072,9073],{"href":8385},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[21,9076,9077],{"id":9077},"なぜブラウザ内でリサイズするのか",[11,9079,9080,9081,605],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[34,9082,9083],{},"元の高解像度がサーバー側に残ります",[11,9085,9086,9087,9090],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[34,9088,9089],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[21,9092,7761],{"id":7761},[124,9094,9095,9101,9104,9107,9110],{},[45,9096,9097,7770],{},[76,9098,9099],{"href":8385},[54,9100,8385],{},[45,9102,9103],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[45,9105,9106],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[45,9108,9109],{},"「リサイズを開始する」をクリック",[45,9111,8490],{},[26,9113,9114],{"id":9114},"用途別の推奨サイズ",[42,9116,9117,9123,9129,9135,9141,9147],{},[45,9118,9119,9122],{},[34,9120,9121],{},"X \u002F Twitter",": 長辺 1600px",[45,9124,9125,9128],{},[34,9126,9127],{},"Instagram",": 正方形 1080px",[45,9130,9131,9134],{},[34,9132,9133],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[45,9136,9137,9140],{},[34,9138,9139],{},"ブログ本文",": 幅 800〜1200px",[45,9142,9143,9146],{},[34,9144,9145],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[45,9148,9149,9152],{},[34,9150,9151],{},"ECサイトのサムネ",": 幅 400〜600px",[21,9154,7841],{"id":7841},[11,9156,9157,9158,9160],{},"画像リサイズは、Canvas API の ",[54,9159,8745],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[42,9162,9163,9169,9175,9181],{},[45,9164,9165,9166,9168],{},"画像を ",[54,9167,56],{}," 要素として読み込む",[45,9170,9171,9172,9174],{},"目標サイズの ",[54,9173,8545],{}," を作成",[45,9176,9177,9180],{},[54,9178,9179],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[45,9182,9183,9185],{},[54,9184,8923],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[11,9187,9188],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[21,9190,9191],{"id":9191},"縦横比の維持について",[11,9193,9194],{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。",[21,9196,359],{"id":359},[11,9198,9199,9202],{},[34,9200,9201],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[11,9204,9205,9208],{},[34,9206,9207],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[11,9210,9211,9214],{},[34,9212,9213],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[11,9216,9217,9220],{},[34,9218,9219],{},"Q. 複数ファイルを一括処理できますか？","\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。",[21,9222,7900],{"id":7900},[42,9224,9225,9230,9236],{},[45,9226,9227,9229],{},[76,9228,8358],{"href":4206}," — リサイズ後にさらに軽くしたいときに",[45,9231,9232,9235],{},[76,9233,9234],{"href":4231},"画像形式変換"," — WebP \u002F JPEG \u002F PNG の変換",[45,9237,9238,9241],{},[76,9239,9240],{"href":8634},"画像編集"," — 切り抜き・回転・反転",{"title":422,"searchDepth":423,"depth":423,"links":9243},[9244,9245,9248,9249,9250,9251],{"id":9077,"depth":423,"text":9077},{"id":7761,"depth":423,"text":7761,"children":9246},[9247],{"id":9114,"depth":428,"text":9114},{"id":7841,"depth":423,"text":7841},{"id":9191,"depth":423,"text":9191},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":9063,"description":9252},"image-resize-intro","blog\u002Fimage-resize-intro",[1743,5906,500],"nKnNaRyrLmnbT9TIqhevppJY36_pPBD85MAKx0mdH48",{"id":9261,"title":9262,"author":6,"body":9263,"category":441,"coverImage":442,"description":9455,"draft":444,"extension":445,"locale":446,"meta":9456,"navigation":448,"noindex":448,"path":9457,"publishedAt":7943,"seo":9458,"slug":9459,"stem":9460,"tags":9461,"updatedAt":7943,"__hash__":9463},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":8,"value":9264,"toc":9447},[9265,9268,9273,9275,9301,9304,9306,9313,9320,9322,9345,9347,9352,9382,9385,9387,9393,9402,9408,9417,9419],[11,9266,9267],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[11,9269,9270,7716],{},[76,9271,9272],{"href":8377},"Zerosend の画像 → PDF 変換ツール",[21,9274,7719],{"id":7719},[42,9276,9277,9283,9289,9295],{},[45,9278,9279,9282],{},[34,9280,9281],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[45,9284,9285,9288],{},[34,9286,9287],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[45,9290,9291,9294],{},[34,9292,9293],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[45,9296,9297,9300],{},[34,9298,9299],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[11,9302,9303],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[21,9305,7748],{"id":7748},[11,9307,9308,9309,9312],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[34,9310,9311],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[11,9314,9315,9316,9319],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[34,9317,9318],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[21,9321,7761],{"id":7761},[124,9323,9324,9330,9333,9336,9339,9342],{},[45,9325,9326,7770],{},[76,9327,9328],{"href":8377},[54,9329,8377],{},[45,9331,9332],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[45,9334,9335],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[45,9337,9338],{},"並び順をドラッグで調整",[45,9340,9341],{},"「PDF 化を開始する」をクリック",[45,9343,9344],{},"1 つの PDF ファイルとしてダウンロード",[21,9346,7841],{"id":7841},[11,9348,9349,9351],{},[54,9350,4876],{}," を使って PDF を組み立てています。",[42,9353,9354,9357,9363,9373,9376],{},[45,9355,9356],{},"各画像を ArrayBuffer で読み込み",[45,9358,9359,9362],{},[54,9360,9361],{},"PDFDocument.create()"," で新規ドキュメントを作成",[45,9364,9365,9366,778,9369,9372],{},"ページごとに ",[54,9367,9368],{},"pdfDoc.embedJpg()",[54,9370,9371],{},"embedPng()"," で画像を埋め込み",[45,9374,9375],{},"ページサイズに合わせて自動で縮小・センタリング",[45,9377,9378,9381],{},[54,9379,9380],{},".save()"," で最終的な PDF バイト列に",[11,9383,9384],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[21,9386,359],{"id":359},[11,9388,9389,9392],{},[34,9390,9391],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[11,9394,9395,9398,9399,9401],{},[34,9396,9397],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[76,9400,9240],{"href":8634}," で先に回転してから PDF 化してください。",[11,9403,9404,9407],{},[34,9405,9406],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[11,9409,9410,9413,9414,9416],{},[34,9411,9412],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[76,9415,8358],{"href":4206}," してから投入すると、最終 PDF が軽くなります。",[21,9418,7900],{"id":7900},[42,9420,9421,9426,9433,9440],{},[45,9422,9423,9425],{},[76,9424,8358],{"href":4206}," — PDF 化前に画像を軽くする",[45,9427,9428,9432],{},[76,9429,9431],{"href":9430},"\u002Ftools\u002Fpdf-compress","PDF 圧縮"," — 生成した PDF をさらに軽くする",[45,9434,9435,9439],{},[76,9436,9438],{"href":9437},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[45,9441,9442,9446],{},[76,9443,9445],{"href":9444},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":422,"searchDepth":423,"depth":423,"links":9448},[9449,9450,9451,9452,9453,9454],{"id":7719,"depth":423,"text":7719},{"id":7748,"depth":423,"text":7748},{"id":7761,"depth":423,"text":7761},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":9262,"description":9455},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[9462,1743,456,500],"PDF","tg5FYgKMGZgx3aC9UAapeIa6b3qfrAqQ56T-BUNyShg",{"id":9465,"title":9466,"author":6,"body":9467,"category":441,"coverImage":442,"description":9924,"draft":444,"extension":445,"locale":446,"meta":9925,"navigation":448,"noindex":448,"path":9926,"publishedAt":7943,"seo":9927,"slug":9928,"stem":9929,"tags":9930,"updatedAt":6464,"__hash__":9931},"blog\u002Fblog\u002Fpdf-compress-intro.md","PDF を圧縮する方法：ブラウザだけで完結、サーバー送信ゼロの安全な軽量化",{"type":8,"value":9468,"toc":9891},[9469,9472,9479,9486,9488,9492,9495,9498,9501,9504,9507,9510,9513,9515,9519,9522,9526,9529,9532,9535,9542,9544,9548,9551,9662,9665,9667,9671,9676,9680,9685,9689,9692,9696,9699,9719,9722,9726,9729,9731,9735,9738,9772,9775,9777,9780,9783,9787,9790,9794,9797,9801,9804,9807,9814,9816,9820,9824,9827,9830,9833,9837,9840,9844,9847,9851,9857,9859,9861,9864,9867,9870],[11,9470,9471],{},"メールに PDF を添付しようとしたら「ファイルサイズの上限を超えています」と弾かれた。Slack の無料プランでは 1GB のストレージ上限があり、20MB を超えるスキャン PDF を何枚も貼り続けるとすぐに圧迫される。顧客に送る見積書 PDF が 30MB あれば、相手のモバイル回線に余計な負荷をかける。こうした摩擦を一つひとつ取り除くのが PDF 圧縮の実用的な価値だ。",[11,9473,9474,9475,9478],{},"ただし PDF 圧縮の手段を選ぶ際に見落とされがちな問題がある。",[34,9476,9477],{},"圧縮の利便性とプライバシーはトレードオフになりやすい","という点だ。オンラインの圧縮サービスの多くはファイルをサーバーにアップロードする構造を持つ。契約書・給与明細・健康診断書・見積書をそのままクラウドに送ることになるが、「処理後に削除します」という約束がどの程度履行されているかをユーザー側で検証する手段はほぼない。",[11,9480,9481,9482,9485],{},"本記事では、PDF 圧縮の仕組みを技術的に整理したうえで、ブラウザ完結型・サーバー送信ゼロの選択肢として ",[76,9483,9484],{"href":9430},"zerosend の PDF 圧縮ツール"," を後半で紹介する。まず原理と比較基準を把握してから、ツールを選んでほしい。",[18,9487],{},[21,9489,9491],{"id":9490},"pdf-のファイルサイズが大きくなる理由","PDF のファイルサイズが大きくなる理由",[11,9493,9494],{},"PDF のサイズを決める主な要因は三つある。",[26,9496,9497],{"id":9497},"埋め込みリソースの種類",[11,9499,9500],{},"PDF の中身は大まかに「ベクタデータ（テキスト・図形）」「ラスタ画像（JPEG・PNG など）」「フォント」に分類できる。スキャナで取り込んだ文書は全ページが高解像度ラスタ画像として埋め込まれるため、数十 MB になりやすい。一方、Word や Google ドキュメントからエクスポートした PDF はテキストがベクタとして保持されるので、ページ数のわりにサイズが小さい。",[26,9502,9503],{"id":9503},"画像の圧縮設定",[11,9505,9506],{},"スキャン PDF でも、スキャナの設定によってはロスレス PNG や非圧縮ビットマップが埋め込まれている場合がある。同じ 200dpi のスキャンでも JPEG 品質 60 と PNG では 3〜5 倍のサイズ差が生まれる。",[26,9508,9509],{"id":9509},"メタデータとフォント埋め込み",[11,9511,9512],{},"フォントのサブセット化が行われていない PDF は、使用しているフォントファミリー全体を埋め込むため、数 MB 余計に大きくなることがある。メタデータ（XMP パケット・注釈・リンクアクション）が積み重なるケースもある。",[18,9514],{},[21,9516,9518],{"id":9517},"pdf-圧縮の主な方式と得意不得意","PDF 圧縮の主な方式と得意・不得意",[11,9520,9521],{},"圧縮ツールが内部で行う処理は大きく二種類に分かれる。",[26,9523,9525],{"id":9524},"画像リサンプリング再エンコード方式","画像リサンプリング・再エンコード方式",[11,9527,9528],{},"既存の埋め込み画像を取り出し、解像度を下げる（ダウンサンプリング）か、品質を下げて JPEG 再エンコードして書き戻す手法。スキャン PDF に対して最も効果が高い。ツールによっては元の PDF 構造を維持したままリソースだけ差し替える実装もある。",[26,9530,9531],{"id":9531},"ページラスタライズ再構築方式",[11,9533,9534],{},"すべてのページをいったんキャンバスに描画して画像化し、その画像を新しい PDF に貼り直す手法。元の PDF 構造（テキストレイヤー・しおり・注釈など）は失われる代わりに、削減率が高くなりやすい。ブラウザ完結型の実装に向いている。zerosend が採用しているのがこの方式だ。",[11,9536,9537,9538,9541],{},"どちらの方式も",[34,9539,9540],{},"ベクタ主体のテキスト PDF に対する効果は限定的","であることは共通している。テキスト PDF のサイズを大幅に削減したいなら、フォントのサブセット化や不要なメタデータ削除のアプローチが適切だが、これらはより専門的な処理になる。",[18,9543],{},[21,9545,9547],{"id":9546},"主要ツール比較送信先サーバーと機能の違い","主要ツール比較：送信先サーバーと機能の違い",[11,9549,9550],{},"同種のサービスと zerosend を並べて比較する。",[175,9552,9553,9570],{},[178,9554,9555],{},[181,9556,9557,9559,9561,9563,9565,9568],{},[184,9558,500],{},[184,9560,1205],{},[184,9562,503],{},[184,9564,4742],{},[184,9566,9567],{},"テキスト検索保持",[184,9569,3895],{},[197,9571,9572,9589,9603,9619,9634],{},[181,9573,9574,9576,9579,9581,9584,9587],{},[202,9575,4752],{},[202,9577,9578],{},"あり（同社サーバー）",[202,9580,4045],{},[202,9582,9583],{},"1日2ファイル",[202,9585,9586],{},"方式により異なる",[202,9588,1892],{},[181,9590,9591,9593,9595,9597,9599,9601],{},[202,9592,4768],{},[202,9594,9578],{},[202,9596,4045],{},[202,9598,6196],{},[202,9600,9586],{},[202,9602,1892],{},[181,9604,9605,9607,9610,9612,9614,9617],{},[202,9606,6755],{},[202,9608,9609],{},"あり（Adobe サーバー）",[202,9611,4045],{},[202,9613,4791],{},[202,9615,9616],{},"保持される場合あり",[202,9618,1892],{},[181,9620,9621,9624,9626,9628,9630,9632],{},[202,9622,9623],{},"PDF2Go",[202,9625,9578],{},[202,9627,4045],{},[202,9629,6196],{},[202,9631,9586],{},[202,9633,1892],{},[181,9635,9636,9640,9645,9649,9653,9658],{},[202,9637,9638],{},[34,9639,6129],{},[202,9641,9642],{},[34,9643,9644],{},"なし（ゼロ）",[202,9646,9647],{},[34,9648,573],{},[202,9650,9651],{},[34,9652,558],{},[202,9654,9655],{},[34,9656,9657],{},"失われる（ラスタライズ）",[202,9659,9660],{},[34,9661,7476],{},[11,9663,9664],{},"Smallpdf や iLovePDF はクラウド処理ゆえに安定した圧縮品質を提供しており、テキスト検索を保持する圧縮モードも持つ。zerosend はサーバー送信ゼロと制限なし無料というトレードオフで、テキスト検索性を犠牲にする点は正直に記載しておく。",[18,9666],{},[21,9668,9670],{"id":9669},"zerosend-でブラウザ内圧縮を行う手順","zerosend でブラウザ内圧縮を行う手順",[11,9672,9673,9675],{},[76,9674,9484],{"href":9430}," を使う手順は次の通りだ。",[26,9677,9679],{"id":9678},"_1-ツールを開く","1. ツールを開く",[11,9681,9682,9684],{},[54,9683,4913],{}," にアクセスする。初回はライブラリのロードに数秒かかる場合がある。一度ロードが完了すれば、Service Worker によってキャッシュされるため、次回以降はオフライン環境でも動作する。",[26,9686,9688],{"id":9687},"_2-pdf-を投入する","2. PDF を投入する",[11,9690,9691],{},"ドラッグ＆ドロップ、またはクリックしてファイル選択ダイアログから PDF を選ぶ。パスワード保護された PDF は処理できないため、事前にロック解除が必要だ。",[26,9693,9695],{"id":9694},"_3-品質レベルを選択する","3. 品質レベルを選択する",[11,9697,9698],{},"三段階の品質設定がある。",[42,9700,9701,9707,9713],{},[45,9702,9703,9706],{},[34,9704,9705],{},"高品質","：解像度を比較的維持し、読みやすさ優先。削減率は控えめ（スキャン PDF で 20〜40% 程度）",[45,9708,9709,9712],{},[34,9710,9711],{},"標準","：バランス型。ほとんどのユースケースに適する（スキャン PDF で 40〜65% 程度）",[45,9714,9715,9718],{},[34,9716,9717],{},"低品質","：最大圧縮。画質は落ちるが軽量化率が高い（スキャン PDF で 60〜80% 程度）",[11,9720,9721],{},"テキスト主体の PDF は設定にかかわらず削減率が低い（10〜25% 程度）。",[26,9723,9725],{"id":9724},"_4-圧縮を実行してダウンロードする","4. 圧縮を実行してダウンロードする",[11,9727,9728],{},"「圧縮を開始する」ボタンを押すと、ブラウザ内で処理が走る。完了後にダウンロードリンクが表示される。処理中にページを離れても問題ないが、ブラウザタブを閉じると処理が中断される。",[18,9730],{},[21,9732,9734],{"id":9733},"内部の仕組みライブラリと処理フロー","内部の仕組み：ライブラリと処理フロー",[11,9736,9737],{},"zerosend の PDF 圧縮は以下のライブラリを組み合わせて実装されている。",[124,9739,9740,9752,9767],{},[45,9741,9742,9745,9746,9751],{},[34,9743,9744],{},"pdfjs-dist","（Mozilla 製の PDF レンダリングライブラリ）：元の PDF ファイルを読み込み、各ページを Canvas に描画する。これが「ラスタライズ」の工程だ。pdfjs-dist の仕様については ",[76,9747,9750],{"href":9748,"rel":9749},"https:\u002F\u002Fgithub.com\u002Fmozilla\u002Fpdf.js",[80],"公式 GitHub リポジトリ"," を参照できる。",[45,9753,9754,9756,9757,9760,9761,9766],{},[34,9755,6238],{},"：描画されたページを ",[54,9758,9759],{},"canvas.toDataURL('image\u002Fjpeg', quality)"," で指定品質の JPEG に変換する。品質パラメータ（0〜1）が品質レベル選択に対応している。Canvas API の仕様は ",[76,9762,9765],{"href":9763,"rel":9764},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWeb\u002FAPI\u002FCanvas_API",[80],"MDN Web Docs"," で確認できる。",[45,9768,9769,9771],{},[34,9770,4876],{},"：JPEG に変換されたページを新しい PDF ドキュメントに埋め込み直す。元 PDF のタイトル・作成者などのメタデータを引き継いで最終的な PDF を組み立てる。",[11,9773,9774],{},"処理はすべてブラウザのメインスレッドまたは Web Worker 上で行われる。ネットワーク通信は発生しない。DevTools の「Network」タブを開いた状態で圧縮を実行すると、処理中に外部への HTTP リクエストが発生していないことを自分の目で確認できる。",[18,9776],{},[21,9778,9779],{"id":9779},"注意すべき落とし穴",[11,9781,9782],{},"zerosend の PDF 圧縮ツールを使う前に把握しておくべき制限と注意点を整理する。",[26,9784,9786],{"id":9785},"テキスト検索コピーが不可になる","テキスト検索・コピーが不可になる",[11,9788,9789],{},"ラスタライズ方式のため、圧縮後の PDF はすべてのページが画像になる。Adobe Acrobat や PDF ビューアでテキスト検索（Ctrl+F）を実行しても文字がヒットしない。テキスト選択・コピーも不可になる。契約書の条文を検索したい、コピーして引用したいといった用途には向かない。",[26,9791,9793],{"id":9792},"しおり注釈ハイパーリンクが失われる","しおり・注釈・ハイパーリンクが失われる",[11,9795,9796],{},"元の PDF に含まれていたしおり（ブックマーク）・注釈・クリッカブルなリンクは、ラスタライズの過程で消える。ページ数の多いマニュアル PDF でナビゲーション構造を維持したい場合は別の方法を検討すること。",[26,9798,9800],{"id":9799},"ベクタ主体の-pdf-には効果が薄い","ベクタ主体の PDF には効果が薄い",[11,9802,9803],{},"Word や LaTeX からエクスポートしたテキスト PDF は、もともとのサイズが小さく、ラスタライズしても大きな削減にならない場合がある。むしろファイルサイズが増えることもある。",[26,9805,9806],{"id":9806},"大容量ファイルはブラウザのメモリを消費する",[11,9808,9809,9810,9813],{},"100MB を超えるような大型 PDF を処理すると、ブラウザのタブが大量のメモリを消費する。タブがクラッシュする場合は、先に ",[76,9811,1921],{"href":9812},"\u002Ftools\u002Fpdf-split"," でページ数を減らしてから圧縮を試みるとよい。",[18,9815],{},[21,9817,9819],{"id":9818},"faqよくある疑問","FAQ：よくある疑問",[26,9821,9823],{"id":9822},"削減率はどのくらい期待できるか","削減率はどのくらい期待できるか？",[11,9825,9826],{},"スキャン由来の画像 PDF で標準品質を選んだ場合、50〜65% 削減されるケースが多い。ただし元 PDF の解像度・埋め込み形式・ページ数によって大きく変わる。ベクタ主体のテキスト PDF では 10〜20% 程度にとどまることが多い。",[26,9828,9829],{"id":9829},"圧縮後に画質が荒くなった",[11,9831,9832],{},"「低品質」設定で圧縮すると、特に細かいテキストや図表が読みにくくなる場合がある。「標準」または「高品質」に切り替えて再試行してほしい。印刷用途なら高品質推奨、メール添付程度なら標準で十分なケースが多い。",[26,9834,9836],{"id":9835},"ocr-機能はあるか","OCR 機能はあるか？",[11,9838,9839],{},"ない。zerosend の PDF 圧縮ツールはラスタライズして再構築するだけで、文字認識（OCR）は行わない。圧縮後の PDF に OCR をかけたい場合は、別途 OCR ツール（Adobe Acrobat、Google Drive の「テキストに変換」機能など）を使う必要がある。",[26,9841,9843],{"id":9842},"パスワード付き-pdf-はどうすればよいか","パスワード付き PDF はどうすればよいか？",[11,9845,9846],{},"パスワード保護された PDF は処理できない。事前に PDF のパスワードを解除してから投入すること。",[26,9848,9850],{"id":9849},"複数ファイルをまとめて処理できるか","複数ファイルをまとめて処理できるか？",[11,9852,9853,9854,9856],{},"現時点では 1 ファイルずつの処理となる。複数の PDF を一括で圧縮したい場合は繰り返し実行するか、先に ",[76,9855,4831],{"href":9437}," で結合してから一括圧縮する方法も取れる。",[18,9858],{},[21,9860,398],{"id":398},[11,9862,9863],{},"PDF 圧縮の手段を選ぶ際の判断軸は「プライバシーリスクを受け入れられるか」と「テキスト検索性を維持する必要があるか」の二点に集約される。",[11,9865,9866],{},"Smallpdf や iLovePDF はテキスト検索を保持しながら高品質な圧縮を提供しており、機密性の低い PDF であればこれらを使う合理性は十分にある。一方、契約書・給与明細・医療文書のように社外サーバーに送りたくない PDF については、zerosend のブラウザ完結型が現実的な選択肢になる。",[11,9868,9869],{},"zerosend が採用するラスタライズ方式はテキスト検索性を失うという明確なトレードオフを持つ。これを理解したうえで用途と合致するなら、サーバー送信ゼロ・無料・オフライン動作という実用上のメリットは大きい。",[42,9871,9872,9875,9878,9885],{},[45,9873,9874],{},"画像主体のスキャン PDF を軽くしたい → zerosend が向いている",[45,9876,9877],{},"テキスト検索性を保持したい → Smallpdf 等のクラウドサービスを検討する",[45,9879,9880,9881,9884],{},"ページを絞ってサイズを減らしたい → ",[76,9882,9883],{"href":9812},"PDF 分割"," で必要ページだけ抽出する",[45,9886,9887,9888,9890],{},"複数 PDF をまとめてから圧縮したい → ",[76,9889,9438],{"href":9437}," と組み合わせる",{"title":422,"searchDepth":423,"depth":423,"links":9892},[9893,9898,9902,9903,9909,9910,9916,9923],{"id":9490,"depth":423,"text":9491,"children":9894},[9895,9896,9897],{"id":9497,"depth":428,"text":9497},{"id":9503,"depth":428,"text":9503},{"id":9509,"depth":428,"text":9509},{"id":9517,"depth":423,"text":9518,"children":9899},[9900,9901],{"id":9524,"depth":428,"text":9525},{"id":9531,"depth":428,"text":9531},{"id":9546,"depth":423,"text":9547},{"id":9669,"depth":423,"text":9670,"children":9904},[9905,9906,9907,9908],{"id":9678,"depth":428,"text":9679},{"id":9687,"depth":428,"text":9688},{"id":9694,"depth":428,"text":9695},{"id":9724,"depth":428,"text":9725},{"id":9733,"depth":423,"text":9734},{"id":9779,"depth":423,"text":9779,"children":9911},[9912,9913,9914,9915],{"id":9785,"depth":428,"text":9786},{"id":9792,"depth":428,"text":9793},{"id":9799,"depth":428,"text":9800},{"id":9806,"depth":428,"text":9806},{"id":9818,"depth":423,"text":9819,"children":9917},[9918,9919,9920,9921,9922],{"id":9822,"depth":428,"text":9823},{"id":9829,"depth":428,"text":9829},{"id":9835,"depth":428,"text":9836},{"id":9842,"depth":428,"text":9843},{"id":9849,"depth":428,"text":9850},{"id":398,"depth":423,"text":398},"PDF をサーバーに送らずブラウザ内で圧縮する方法を解説。zerosend の仕組み・削減率・競合比較・注意点まで網羅。",{},"\u002Fblog\u002Fpdf-compress-intro",{"title":9466,"description":9924},"pdf-compress-intro","blog\u002Fpdf-compress-intro",[9462,1445,500],"iUXvX2xAyMF5RiU6TEM9slF-ZVrHX2-S9qGNKN5liyk",{"id":9933,"title":9934,"author":6,"body":9935,"category":441,"coverImage":442,"description":10155,"draft":444,"extension":445,"locale":446,"meta":10156,"navigation":448,"noindex":448,"path":10157,"publishedAt":7943,"seo":10158,"slug":10159,"stem":10160,"tags":10161,"updatedAt":7943,"__hash__":10162},"blog\u002Fblog\u002Fpdf-edit-intro.md","PDF のページを並べ替え・削除・回転 — \u002Ftools\u002Fpdf-edit の思想と使い方",{"type":8,"value":9936,"toc":10146},[9937,9940,9947,9949,9987,9989,9995,9998,10000,10039,10043,10049,10055,10057,10086,10095,10097,10103,10109,10115,10121,10127,10129],[11,9938,9939],{},"スキャンしたら逆向きになっていた、最終ページが白紙だから削除したい、契約書の章を入れ替えたい。PDF 編集の 9 割は「ページの並べ替え・削除・回転」で済みます。",[11,9941,9942,9946],{},[76,9943,9945],{"href":9944},"\u002Ftools\u002Fpdf-edit","Zerosend の PDF ページ編集ツール"," は、この基本 3 操作をブラウザ内で完結させます。",[21,9948,7964],{"id":7964},[42,9950,9951,9957,9963,9969,9975,9981],{},[45,9952,9953,9956],{},[34,9954,9955],{},"スキャン結果の向き修正",": スキャナが横向きで読み込んだページを 90° 回転して正しい向きに",[45,9958,9959,9962],{},[34,9960,9961],{},"白紙ページの削除",": スキャン時に混入した白紙ページや意図しない空白ページをまとめて削除",[45,9964,9965,9968],{},[34,9966,9967],{},"報告書の章順修正",": 後から追加した付録を適切な位置に移動。ドラッグ操作でページを並べ直す",[45,9970,9971,9974],{},[34,9972,9973],{},"配布用 PDF の整形",": 社内向けの全ページを含む PDF から、共有しても問題ないページだけを残す",[45,9976,9977,9980],{},[34,9978,9979],{},"製本・印刷準備",": 両面印刷や製本に合わせてページ順を並べ替える",[45,9982,9983,9986],{},[34,9984,9985],{},"プレゼン資料の調整",": 不要なスライドを削除して提出用スリム版を作成",[21,9988,8679],{"id":8679},[11,9990,9991,9992,605],{},"PDF 編集の対象は、ほぼ例外なく機密文書です。業務委託契約、秘密保持契約、顧客カルテ、社内規程、給与明細。これらを「ページを入れ替えるだけ」のオンラインサービスに預けると、",[34,9993,9994],{},"元の全ページが相手のサーバーに渡ります",[11,9996,9997],{},"「処理後にすぐ削除」と書かれていても、保存の痕跡や解析ログをユーザーが検証する手段はありません。Zerosend ではページ編集もローカル処理のため、この透明性の問題を構造的に回避できます。",[21,9999,7761],{"id":7761},[124,10001,10002,10008,10011,10014,10036],{},[45,10003,10004,7770],{},[76,10005,10006],{"href":9944},[54,10007,9944],{},[45,10009,10010],{},"PDF をドラッグ&ドロップ",[45,10012,10013],{},"ページサムネイル一覧が表示される",[45,10015,10016,10017],{},"操作:\n",[42,10018,10019,10025,10031],{},[45,10020,10021,10024],{},[34,10022,10023],{},"並べ替え",": ドラッグでページを入れ替え",[45,10026,10027,10030],{},[34,10028,10029],{},"削除",": 不要なページのゴミ箱アイコンをクリック",[45,10032,10033,10035],{},[34,10034,8720],{},": 各ページの回転アイコンで 90° 単位回転",[45,10037,10038],{},"「編集を完了する」をクリックして新しい PDF を出力",[21,10040,10042],{"id":10041},"pdf-lib-によるブラウザ内-pdf-処理","pdf-lib によるブラウザ内 PDF 処理",[11,10044,10045,10046,10048],{},"Zerosend の PDF ページ編集は ",[34,10047,4876],{}," というオープンソースライブラリで実装しています。pdf-lib はブラウザ上で PDF の読み込み・書き出しができる純粋な JavaScript ライブラリで、サーバーサイドの処理は一切不要です。",[11,10050,10051,10052,10054],{},"サムネイル表示には ",[34,10053,9744],{}," (PDF.js) を使い、各ページを Canvas に描画。並べ替え・削除・回転の操作を UI 上で決めてから、最後に pdf-lib で新しい PDF として書き出します。契約書や機密文書も、データが端末から出ることなく安全に編集できます。",[21,10056,7841],{"id":7841},[42,10058,10059,10065,10068,10074,10081],{},[45,10060,10061,10062,10064],{},"PDF を ",[54,10063,9744],{}," でレンダリングしてサムネイル一覧を表示",[45,10066,10067],{},"ページの並び・削除・回転情報を UI 上で管理",[45,10069,10070,10071,10073],{},"「完了」操作時に ",[54,10072,4876],{}," を呼び出し、元 PDF から必要なページを順にコピー",[45,10075,10076,10077,10080],{},"回転は ",[54,10078,10079],{},"page.setRotation()"," で書き込み",[45,10082,10083,10084],{},"最終 PDF として ",[54,10085,9380],{},[11,10087,10088,10089,10091,10092,10094],{},"サムネ描画 (",[54,10090,9744],{},") と PDF 組み立て (",[54,10093,4876],{},") の 2 ライブラリで役割分担しています。",[21,10096,359],{"id":359},[11,10098,10099,10102],{},[34,10100,10101],{},"Q. テキストの編集はできますか？","\nA. 本ツールはページ単位の操作 (並べ替え・削除・回転) に特化しています。文章の書き換えや署名追加、注釈入力には対応していません。",[11,10104,10105,10108],{},[34,10106,10107],{},"Q. パスワード付き PDF は使えますか？","\nA. パスワードで保護された PDF の編集には対応していません。事前にパスワードを解除してください。",[11,10110,10111,10114],{},[34,10112,10113],{},"Q. 編集履歴は残りますか？","\nA. 新しい PDF として書き出すため、元ファイルは変更されません。必要なら元ファイルを別途保存しておいてください。",[11,10116,10117,10120],{},[34,10118,10119],{},"Q. ページを複製 (同じページを 2 回入れる) できますか？","\nA. 現状は非対応です。需要があれば追加します。",[11,10122,10123,10126],{},[34,10124,10125],{},"Q. 回転の粒度は？","\nA. 90° 単位のみです。PDF の仕様上、自由角度回転は本来のページ情報を損ねる可能性があるため非対応です。",[21,10128,7900],{"id":7900},[42,10130,10131,10136,10141],{},[45,10132,10133,10135],{},[76,10134,9883],{"href":9812}," — 編集ではなく切り分けたいとき",[45,10137,10138,10140],{},[76,10139,9438],{"href":9437}," — 複数 PDF を結合",[45,10142,10143,10145],{},[76,10144,9431],{"href":9430}," — 編集後のサイズ削減",{"title":422,"searchDepth":423,"depth":423,"links":10147},[10148,10149,10150,10151,10152,10153,10154],{"id":7964,"depth":423,"text":7964},{"id":8679,"depth":423,"text":8679},{"id":7761,"depth":423,"text":7761},{"id":10041,"depth":423,"text":10042},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の PDF ページ編集ツールは、PDF のページ順序変更・削除・回転をサーバーに送らず端末内で行います。スキャン時の向きミス修正や不要ページ削除に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-edit-intro",{"title":9934,"description":10155},"pdf-edit-intro","blog\u002Fpdf-edit-intro",[9462,8843,500],"_VUZU-7l0aPartmgE8OlDkHKarMV-YH8YOK3JVdoKlU",{"id":10164,"title":10165,"author":6,"body":10166,"category":441,"coverImage":442,"description":10346,"draft":444,"extension":445,"locale":446,"meta":10347,"navigation":448,"noindex":448,"path":10348,"publishedAt":7943,"seo":10349,"slug":10350,"stem":10351,"tags":10352,"updatedAt":7943,"__hash__":10353},"blog\u002Fblog\u002Fpdf-split-intro.md","PDF を分割する — \u002Ftools\u002Fpdf-split の思想と使い方",{"type":8,"value":10167,"toc":10338},[10168,10171,10176,10180,10186,10189,10192,10194,10231,10235,10241,10243,10248,10276,10279,10281,10287,10293,10299,10305,10318,10320],[11,10169,10170],{},"契約書の 2〜5 ページだけ取引先に送りたい、100 ページの報告書を章ごとに分けて関係者に配りたい、スキャン時に 1 ファイルにまとめてしまった複数書類を切り分けたい。PDF の分割は業務で頻繁に発生するにもかかわらず、一般的なツールが少ない作業です。",[11,10172,10173,7716],{},[76,10174,10175],{"href":9812},"Zerosend の PDF 分割ツール",[21,10177,10179],{"id":10178},"なぜブラウザ内で-pdf-を分割するのか","なぜブラウザ内で PDF を分割するのか",[11,10181,10182,10183,605],{},"PDF の中身は、契約書・見積書・健康診断結果・給与明細・設計資料など、ほぼすべてが機密性を持ちます。これを「PDF 分割できるオンラインサービス」にアップロードすると、",[34,10184,10185],{},"元の全ページが一旦そのサービスのサーバーに渡ります",[11,10187,10188],{},"ユーザー側が「2〜5 ページだけ必要」と思っていても、サービス側は全ページにアクセスできます。無料で提供されている以上、何らかの対価 (ログ・解析・AI 学習素材) としてファイルが使われている可能性は否定できません。",[11,10190,10191],{},"Zerosend は分割処理そのものがローカルで動くため、この構造的な問題を回避できます。",[21,10193,7761],{"id":7761},[124,10195,10196,10202,10205,10226,10229],{},[45,10197,10198,7770],{},[76,10199,10200],{"href":9812},[54,10201,9812],{},[45,10203,10204],{},"PDF ファイルをドラッグ&ドロップ",[45,10206,10207,10208],{},"分割方法を選ぶ:\n",[42,10209,10210,10216],{},[45,10211,10212,10215],{},[34,10213,10214],{},"全ページを 1 ページずつ分割"," — 100 ページなら 100 ファイル",[45,10217,10218,10221,10222,10225],{},[34,10219,10220],{},"範囲指定"," — 例: ",[54,10223,10224],{},"1-3, 5, 7-10"," で複数範囲を抽出",[45,10227,10228],{},"「分割を開始する」をクリック",[45,10230,7782],{},[21,10232,10234],{"id":10233},"pdf-lib-によるブラウザ内処理","pdf-lib によるブラウザ内処理",[11,10236,10237,10238,10240],{},"本ツールは ",[34,10239,4876],{}," というブラウザで完全動作する PDF 編集ライブラリを使っています。pdf-lib はサーバーへの問い合わせなしに PDF の読み込み・生成・ページ操作を行える純粋な JavaScript ライブラリです。元の PDF ファイルは変更されず、指定したページのみを新しい PDF として書き出します。",[21,10242,7841],{"id":7841},[11,10244,10245,10247],{},[54,10246,4876],{}," というブラウザで動く PDF 編集ライブラリを使っています。",[42,10249,10250,10253,10259,10265,10271],{},[45,10251,10252],{},"入力 PDF を ArrayBuffer として読み込み",[45,10254,10255,10258],{},[54,10256,10257],{},"PDFDocument.load()"," で解析",[45,10260,10261,10262,9174],{},"範囲指定に応じた新しい ",[54,10263,10264],{},"PDFDocument",[45,10266,10267,10270],{},[54,10268,10269],{},"copyPages()"," で必要なページだけコピー",[45,10272,10273,10275],{},[54,10274,9380],{}," で新しい PDF バイト列を生成",[11,10277,10278],{},"すべてメモリ上で処理し、ネットワークには一切送りません。",[21,10280,359],{"id":359},[11,10282,10283,10286],{},[34,10284,10285],{},"Q. 1 ページずつ個別のファイルに分割できますか？","\nA. できます。「全ページを 1 ページずつ分割」を選ぶと、100 ページなら 100 ファイルが生成されて ZIP でまとめてダウンロードできます。",[11,10288,10289,10292],{},[34,10290,10291],{},"Q. 元の PDF ファイルは変更されますか？","\nA. 変更されません。ブラウザのメモリ上で新しい PDF を生成するだけで、元ファイルへの書き込みは一切行いません。",[11,10294,10295,10298],{},[34,10296,10297],{},"Q. 暗号化された PDF (パスワード保護) も分割できる？","\nA. パスワードなしの PDF のみ対応。暗号化 PDF は先にロック解除が必要です。",[11,10300,10301,10304],{},[34,10302,10303],{},"Q. ページ数が非常に多い PDF (500 ページなど) は？","\nA. 処理はできますが、ブラウザのメモリ次第で時間がかかります。数百 MB 規模の PDF は端末スペック次第で詰まることがあります。",[11,10306,10307,10310,10311,1650,10314,10317],{},[34,10308,10309],{},"Q. 分割後のファイル名は？","\nA. 元ファイル名に ",[54,10312,10313],{},"-p1",[54,10315,10316],{},"-p2-5"," のようなサフィックスを付けます。",[21,10319,7900],{"id":7900},[42,10321,10322,10327,10333],{},[45,10323,10324,10326],{},[76,10325,9438],{"href":9437}," — 分割とは逆に、複数 PDF を 1 つに",[45,10328,10329,10332],{},[76,10330,10331],{"href":9944},"PDF ページ編集"," — ページの並べ替え・削除・回転",[45,10334,10335,10337],{},[76,10336,9431],{"href":9430}," — 分割後のファイルを軽くする",{"title":422,"searchDepth":423,"depth":423,"links":10339},[10340,10341,10342,10343,10344,10345],{"id":10178,"depth":423,"text":10179},{"id":7761,"depth":423,"text":7761},{"id":10233,"depth":423,"text":10234},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の PDF 分割ツールは、PDF をサーバーに送らずブラウザ内でページ単位\u002F範囲指定で分割します。機密文書の特定ページだけ共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-split-intro",{"title":10165,"description":10346},"pdf-split-intro","blog\u002Fpdf-split-intro",[9462,2062,500],"OZsNQlbXlAmi4V_YHwxSw61IZ8Jv3xYRXT9nG-S79jA",{"id":10355,"title":10356,"author":6,"body":10357,"category":441,"coverImage":442,"description":10566,"draft":444,"extension":445,"locale":446,"meta":10567,"navigation":448,"noindex":448,"path":10568,"publishedAt":7943,"seo":10569,"slug":10570,"stem":10571,"tags":10572,"updatedAt":7943,"__hash__":10573},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":8,"value":10358,"toc":10556},[10359,10362,10367,10370,10396,10398,10404,10407,10409,10427,10430,10450,10452,10457,10485,10488,10490,10499,10505,10511,10520,10532,10534],[11,10360,10361],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[11,10363,10364,7716],{},[76,10365,10366],{"href":9444},"Zerosend の PDF → 画像変換ツール",[21,10368,10369],{"id":10369},"どんな場面で役立つか",[42,10371,10372,10378,10384,10390],{},[45,10373,10374,10377],{},[34,10375,10376],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[45,10379,10380,10383],{},[34,10381,10382],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[45,10385,10386,10389],{},[34,10387,10388],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[45,10391,10392,10395],{},[34,10393,10394],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[21,10397,7748],{"id":7748},[11,10399,10400,10401,5619],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[34,10402,10403],{},"アップロードされるのは PDF の全ページ",[11,10405,10406],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[21,10408,7761],{"id":7761},[124,10410,10411,10417,10419,10422,10424],{},[45,10412,10413,7770],{},[76,10414,10415],{"href":9444},[54,10416,9444],{},[45,10418,10010],{},[45,10420,10421],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[45,10423,7779],{},[45,10425,10426],{},"全ページの画像が ZIP で生成される",[26,10428,10429],{"id":10429},"解像度の目安",[42,10431,10432,10438,10444],{},[45,10433,10434,10437],{},[34,10435,10436],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[45,10439,10440,10443],{},[34,10441,10442],{},"150 DPI",": 画面で読む標準品質",[45,10445,10446,10449],{},[34,10447,10448],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[21,10451,7841],{"id":7841},[11,10453,10454,10456],{},[54,10455,9744],{}," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[42,10458,10459,10462,10467,10477,10482],{},[45,10460,10461],{},"PDF を ArrayBuffer として読み込み",[45,10463,10464,10258],{},[54,10465,10466],{},"getDocument()",[45,10468,9365,10469,10472,10473,10476],{},[54,10470,10471],{},"getPage(n)"," → ",[54,10474,10475],{},"render(ctx, viewport)"," で Canvas に描画",[45,10478,10479,10481],{},[54,10480,8923],{}," で PNG \u002F JPEG 化",[45,10483,10484],{},"全ページを ZIP にまとめてダウンロード",[11,10486,10487],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[21,10489,359],{"id":359},[11,10491,10492,10495,10496,10498],{},[34,10493,10494],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[76,10497,9883],{"href":9812}," で該当ページだけ抽出してから変換するのが確実です。",[11,10500,10501,10504],{},[34,10502,10503],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[11,10506,10507,10510],{},[34,10508,10509],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[11,10512,10513,10516,10517,10519],{},[34,10514,10515],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[76,10518,8826],{"href":8825}," で結合してください。",[11,10521,10522,10525,10526,10528,10529,10531],{},[34,10523,10524],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[34,10527,2547],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[34,10530,2945],{}," が適しています。",[21,10533,7900],{"id":7900},[42,10535,10536,10541,10546,10551],{},[45,10537,10538,10540],{},[76,10539,9883],{"href":9812}," — 変換前に必要なページだけ抽出",[45,10542,10543,10545],{},[76,10544,9431],{"href":9430}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[45,10547,10548,10550],{},[76,10549,8358],{"href":4206}," — 変換後の画像サイズをさらに削減",[45,10552,10553,10555],{},[76,10554,8826],{"href":8825}," — 変換した複数ページを 1 枚にまとめる",{"title":422,"searchDepth":423,"depth":423,"links":10557},[10558,10559,10560,10563,10564,10565],{"id":10369,"depth":423,"text":10369},{"id":7748,"depth":423,"text":7748},{"id":7761,"depth":423,"text":7761,"children":10561},[10562],{"id":10429,"depth":428,"text":10429},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":10356,"description":10566},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[9462,1743,456,500],"UFFCF6pwSjl3ZMpKI7PTplUK5VFuwNoMIlKK0juOiqw",{"id":10575,"title":10576,"author":6,"body":10577,"category":441,"coverImage":442,"description":10795,"draft":444,"extension":445,"locale":446,"meta":10796,"navigation":448,"noindex":448,"path":10797,"publishedAt":7943,"seo":10798,"slug":10799,"stem":10800,"tags":10801,"updatedAt":7943,"__hash__":10803},"blog\u002Fblog\u002Fqr-create-intro.md","QR コードを生成する — \u002Ftools\u002Fqr-create の思想と使い方",{"type":8,"value":10578,"toc":10785},[10579,10582,10589,10591,10627,10631,10645,10649,10655,10658,10661,10663,10683,10686,10712,10714,10720,10731,10734,10736,10742,10751,10757,10759],[11,10580,10581],{},"自社サイトの URL を名刺に載せる、Wi-Fi パスワードを会議室の壁に貼る、イベントのアンケート URL をポスターに印刷する。QR コードは、URL や短いテキストを物理空間に橋渡しする便利な手段です。",[11,10583,10584,10588],{},[76,10585,10587],{"href":10586},"\u002Ftools\u002Fqr-create","Zerosend の QR コード生成ツール"," は、QR を作る作業をブラウザ内で完結させます。",[21,10590,7719],{"id":7719},[42,10592,10593,10599,10605,10611,10621],{},[45,10594,10595,10598],{},[34,10596,10597],{},"URL 共有",": ブログ記事やランディングページの URL を QR 化し、チラシ・ポスター・プレゼンスライドに貼り付ける",[45,10600,10601,10604],{},[34,10602,10603],{},"名刺への掲載",": 個人サイト・SNS プロフィール・連絡先 vCard を QR にして名刺の余白に印刷する",[45,10606,10607,10610],{},[34,10608,10609],{},"店舗のメニューリンク",": 飲食店やショップがデジタルメニューの URL を QR 化してテーブルに設置する。メニュー変更のたびに紙を刷り直す必要がなくなる",[45,10612,10613,10616,10617,10620],{},[34,10614,10615],{},"Wi-Fi 情報の掲示",": SSID とパスワードを ",[54,10618,10619],{},"WIFI:S:ネットワーク名;T:WPA;P:パスワード;;"," 形式で入力すると、スキャンするだけで接続できる QR が生成できる",[45,10622,10623,10626],{},[34,10624,10625],{},"社内限定 URL の共有",": 外部に見られたくない社内ポータルや β テストの URL を、外部サーバーに渡さずに QR 化できる",[21,10628,10630],{"id":10629},"png-と-svg-の使い分け","PNG と SVG の使い分け",[42,10632,10633,10639],{},[45,10634,10635,10638],{},[34,10636,10637],{},"SVG (印刷用)",": ベクタ形式なので拡大しても劣化しない。名刺・ポスター・看板など印刷物には SVG が最適",[45,10640,10641,10644],{},[34,10642,10643],{},"PNG (Web 掲載用)",": Web ページや SNS への埋め込みには PNG が扱いやすい。サイズ指定のプレビューも確認しやすい",[21,10646,10648],{"id":10647},"なぜブラウザ内で-qr-を作るのか","なぜブラウザ内で QR を作るのか",[11,10650,10651,10652,605],{},"QR 生成サービスの多くは、入力した URL やテキストをサーバーに送って画像を返す形式です。「URL を QR にしただけ」と思いがちですが、",[34,10653,10654],{},"どの URL を誰がいつ QR にしたかという履歴がサーバーに残り得ます",[11,10656,10657],{},"社内専用 URL、β 版テスト URL、限定公開のアンケート URL などは、外部に知られたくない情報です。Wi-Fi パスワードや連絡先情報をテキストから QR 化する場合、中身がそのまま第三者のサーバーに渡ります。",[11,10659,10660],{},"Zerosend では QR 生成処理そのものがブラウザ内で完結するため、入力したテキストは一切外に出ません。",[21,10662,7761],{"id":7761},[124,10664,10665,10671,10674,10677,10680],{},[45,10666,10667,7770],{},[76,10668,10669],{"href":10586},[54,10670,10586],{},[45,10672,10673],{},"テキスト・URL を入力",[45,10675,10676],{},"出力形式 (PNG \u002F SVG)・サイズ・誤り訂正レベルを選択",[45,10678,10679],{},"「QR を生成する」をクリック",[45,10681,10682],{},"画像をダウンロード",[21,10684,10685],{"id":10685},"誤り訂正レベルの選び方",[42,10687,10688,10694,10700,10706],{},[45,10689,10690,10693],{},[34,10691,10692],{},"L (Low, 7%)",": 小さい QR にしたいとき。印刷品質が良いなら実用十分",[45,10695,10696,10699],{},[34,10697,10698],{},"M (Medium, 15%)",": 汎用・標準",[45,10701,10702,10705],{},[34,10703,10704],{},"Q (Quartile, 25%)",": 名刺・ステッカーなど汚れ・折れが予想される用途",[45,10707,10708,10711],{},[34,10709,10710],{},"H (High, 30%)",": ロゴ重ね合わせ・屋外掲示で摩耗想定",[21,10713,7841],{"id":7841},[11,10715,10716,10719],{},[54,10717,10718],{},"qrcode"," という広く使われているブラウザ対応ライブラリを使っています。",[42,10721,10722,10725,10728],{},[45,10723,10724],{},"入力テキストから QR マトリクスを計算",[45,10726,10727],{},"Canvas に描画 (PNG) または SVG として直接生成",[45,10729,10730],{},"モジュール数・誤り訂正レベル・色指定に応じて調整",[11,10732,10733],{},"SVG で生成すれば、拡大縮小しても劣化しないベクタ画像が得られます。印刷用途には SVG がおすすめです。",[21,10735,359],{"id":359},[11,10737,10738,10741],{},[34,10739,10740],{},"Q. QR に含められるテキスト量は？","\nA. 仕様上は最大 4296 文字 (英数字)、日本語なら 1817 文字程度まで。長くなるほど QR の密度が上がり、スキャン成功率は下がります。URL 短縮サービスの利用も検討してください (ただしサードパーティ依存が増える)。",[11,10743,10744,10747,10748,10750],{},[34,10745,10746],{},"Q. ロゴを中央に重ねたい","\nA. 本ツールでは直接対応していませんが、PNG \u002F SVG をダウンロードしたあと ",[76,10749,9240],{"href":8634}," で合成できます。誤り訂正は H にしておくとスキャン成功率が上がります。",[11,10752,10753,10756],{},[34,10754,10755],{},"Q. 作った QR の履歴は残りますか？","\nA. 残りません。タブを閉じた時点ですべて消えます。",[21,10758,7900],{"id":7900},[42,10760,10761,10768,10773,10778],{},[45,10762,10763,10767],{},[76,10764,10766],{"href":10765},"\u002Ftools\u002Fqr-read","QR コード読み取り"," — 生成した QR の検証・他人の QR の中身確認",[45,10769,10770,10772],{},[76,10771,9240],{"href":8634}," — QR にロゴを重ねる合成に",[45,10774,10775,10777],{},[76,10776,9042],{"href":8377}," — 複数 QR を 1 枚にまとめて印刷",[45,10779,10780,10784],{},[76,10781,10783],{"href":10782},"\u002Ftools\u002Ffavicon-generator","ファビコン生成"," — Web サイト向けアイコン素材もブラウザ内で作成",{"title":422,"searchDepth":423,"depth":423,"links":10786},[10787,10788,10789,10790,10791,10792,10793,10794],{"id":7719,"depth":423,"text":7719},{"id":10629,"depth":423,"text":10630},{"id":10647,"depth":423,"text":10648},{"id":7761,"depth":423,"text":7761},{"id":10685,"depth":423,"text":10685},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG \u002F SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-create-intro",{"title":10576,"description":10795},"qr-create-intro","blog\u002Fqr-create-intro",[10802,500],"QR","7b3cE_qAnIjQIpoEnkArm-gm63Xoi7gB4ercGhCgJZc",{"id":10805,"title":10806,"author":6,"body":10807,"category":441,"coverImage":442,"description":11029,"draft":444,"extension":445,"locale":446,"meta":11030,"navigation":448,"noindex":448,"path":11031,"publishedAt":7943,"seo":11032,"slug":11033,"stem":11034,"tags":11035,"updatedAt":7943,"__hash__":11036},"blog\u002Fblog\u002Fqr-read-intro.md","QR コードを読み取る — \u002Ftools\u002Fqr-read の思想と使い方",{"type":8,"value":10808,"toc":11020},[10809,10812,10818,10820,10848,10852,10859,10862,10876,10879,10881,10902,10904,10910,10928,10931,10934,10937,10955,10958,10960,10970,10976,10982,10991,11000,11002],[11,10810,10811],{},"怪しい広告に貼られていた QR、送られてきたチラシの QR、カメラで読むにはスマホを近づける距離が取りづらい QR。「画像として手元にある QR を PC でサッと中身だけ確認したい」という場面は意外と多いものです。",[11,10813,10814,10817],{},[76,10815,10816],{"href":10765},"Zerosend の QR 読み取りツール"," は、この用途のためにあります。フィッシングやスキャン型詐欺への自衛にも使えます。",[21,10819,10369],{"id":10369},[42,10821,10822,10828,10834,10840],{},[45,10823,10824,10827],{},[34,10825,10826],{},"印刷物の URL を PC でそのまま開きたい",": チラシやポスターの QR を撮影 → 画像をドロップ → URL をコピー、という流れでスマホを使わずに遷移できます",[45,10829,10830,10833],{},[34,10831,10832],{},"受け取った QR の内容を先に確認したい",": メールや SNS で届いた QR をスキャンする前に、リンク先が安全かテキストで確認できます",[45,10835,10836,10839],{},[34,10837,10838],{},"スクリーンショットに含まれる QR を読みたい",": 画面録画や資料の中に小さく写っている QR も、画像をそのまま貼り付けるだけで読み取れます",[45,10841,10842,8760,10845,10847],{},[34,10843,10844],{},"QR コード生成後の検証",[76,10846,2768],{"href":10586}," で作った QR が正しい内容を埋め込んでいるか、すぐ確認できます",[21,10849,10851],{"id":10850},"なぜブラウザ内で-qr-を読み取るのか","なぜブラウザ内で QR を読み取るのか",[11,10853,10854,10855,10858],{},"QR 読み取り=「カメラで撮って自動でリンクを開く」と考えがちですが、これは",[34,10856,10857],{},"危険な挙動","です。悪意のある QR はフィッシングサイト、マルウェア配布 URL、課金トラップ、不審なアプリインストールに誘導することがあります。",[11,10860,10861],{},"Zerosend はこれに対し 2 つの方針を取ります。",[124,10863,10864,10870],{},[45,10865,10866,10869],{},[34,10867,10868],{},"画像読み取り処理をローカルで行う"," — QR 画像を第三者に渡さない",[45,10871,10872,10875],{},[34,10873,10874],{},"デコード結果を自動遷移しない"," — URL が含まれていても、まずテキストとして表示し、ユーザーが内容を確認してから手動で判断できる",[11,10877,10878],{},"これはセキュリティ設計として重要な原則で、ZerosendのCLAUDE.mdにも「外部 URL への自動遷移禁止」として明記されています。",[21,10880,7761],{"id":7761},[124,10882,10883,10889,10892,10899],{},[45,10884,10885,7770],{},[76,10886,10887],{"href":10765},[54,10888,10765],{},[45,10890,10891],{},"QR が写っている画像をドラッグ&ドロップ",[45,10893,10894,10895,10898],{},"自動でデコードが走り、結果が",[34,10896,10897],{},"プレーンテキスト","として表示される",[45,10900,10901],{},"内容を確認し、必要なら手動でコピー・遷移",[21,10903,7841],{"id":7841},[11,10905,10906,10909],{},[54,10907,10908],{},"jsQR"," というブラウザ対応の純 JavaScript QR デコーダを使っています。",[42,10911,10912,10916,10922,10925],{},[45,10913,9165,10914,8546],{},[54,10915,8545],{},[45,10917,10918,10921],{},[54,10919,10920],{},"getImageData()"," でピクセル配列を取得",[45,10923,10924],{},"jsQR がピクセル配列から QR を検出・デコード",[45,10926,10927],{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)",[11,10929,10930],{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。",[21,10932,10933],{"id":10933},"フィッシング対策としての使い方",[11,10935,10936],{},"怪しいメール・チラシ・SMS に QR が含まれているとき:",[124,10938,10939,10942,10949,10952],{},[45,10940,10941],{},"画像をスクリーンショットや保存で取得 (スキャンしない)",[45,10943,10944,10945,10948],{},"Zerosend で読み取って",[34,10946,10947],{},"テキストとして"," URL を確認",[45,10950,10951],{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)",[45,10953,10954],{},"問題なさそうなら手動でアドレスバーに入力して遷移",[11,10956,10957],{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。",[21,10959,359],{"id":359},[11,10961,10962,10965,10966,10969],{},[34,10963,10964],{},"Q. 悪意ある QR コードを読み取っても安全ですか？","\nA. 安全です。Zerosend は読み取り結果を ",[34,10967,10968],{},"テキストとして表示するだけ","で、URL を自動的に開きません。フィッシングサイトへの誘導や不正アプリのインストールは、ユーザーが自分でリンクを開かない限り起きません。設計上の安全機構です。",[11,10971,10972,10975],{},[34,10973,10974],{},"Q. バーコード (1D コード) も読み取れますか？","\nA. 現状は QR コード (2D) 専用です。バーコードには非対応です。",[11,10977,10978,10981],{},[34,10979,10980],{},"Q. 画像内に複数の QR がある場合は？","\nA. 現状は最初に検出された 1 つだけ読み取ります。",[11,10983,10984,10987,10988,10990],{},[34,10985,10986],{},"Q. 読み取れない QR","\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",[76,10989,9240],{"href":8634}," で補正を試してください。",[11,10992,10993,10996,10997,10999],{},[34,10994,10995],{},"Q. 読み取り結果がサーバーに送られていないか確認したい","\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",[54,10998,10908],{}," ライブラリは純 JavaScript 実装のため、WASM の読み込みもなく初回ロードが軽いです。",[21,11001,7900],{"id":7900},[42,11003,11004,11010,11015],{},[45,11005,11006,11009],{},[76,11007,11008],{"href":10586},"QR コード生成"," — 作った QR の検証にも使える",[45,11011,11012,11014],{},[76,11013,9240],{"href":8634}," — QR 画像の切り抜き・回転で読み取り成功率向上",[45,11016,11017,11019],{},[76,11018,8358],{"href":4206}," — 読み取れた QR 画像を軽く保存",{"title":422,"searchDepth":423,"depth":423,"links":11021},[11022,11023,11024,11025,11026,11027,11028],{"id":10369,"depth":423,"text":10369},{"id":10850,"depth":423,"text":10851},{"id":7761,"depth":423,"text":7761},{"id":7841,"depth":423,"text":7841},{"id":10933,"depth":423,"text":10933},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-read-intro",{"title":10806,"description":11029},"qr-read-intro","blog\u002Fqr-read-intro",[10802,500,4956],"j46vgEcPfhv6EH5RndIaDbOxrCfIz6sT6f-EL3Hq6MQ",{"id":11038,"title":11039,"author":6,"body":11040,"category":441,"coverImage":442,"description":11268,"draft":444,"extension":445,"locale":446,"meta":11269,"navigation":448,"noindex":448,"path":11270,"publishedAt":7943,"seo":11271,"slug":11272,"stem":11273,"tags":11274,"updatedAt":7943,"__hash__":11275},"blog\u002Fblog\u002Fvideo-compress-intro.md","動画をブラウザ内で圧縮する — \u002Ftools\u002Fvideo-compress の思想と使い方",{"type":8,"value":11041,"toc":11256},[11042,11045,11055,11058,11061,11068,11079,11081,11084,11104,11107,11133,11136,11140,11143,11147,11158,11194,11197,11201,11207,11209,11215,11221,11227,11233,11235,11253],[11,11043,11044],{},"打ち合わせ動画、商品撮影、画面録画、子供の運動会。日常で動画を扱う場面は増える一方で、SNS やメッセンジャーのサイズ制限、メールの添付上限、サーバーのストレージコストという現実的な壁にぶつかります。",[11,11046,11047,11048,11054],{},"Zerosend は ",[76,11049,11050,11051,11053],{"href":3761},"動画圧縮ツール (",[54,11052,3761],{},")"," を、この「軽くしたいだけなのに、動画を他人のサーバーに預ける必要はない」という素朴な違和感を起点に作りました。なぜ作ったのか、どう使うのか、裏で何が起きているのかを整理します。",[21,11056,11057],{"id":11057},"なぜブラウザ内で動画を圧縮するのか",[11,11059,11060],{},"動画は個人情報そのものです。顔・声・背景・位置情報、ときには画面録画の中にパスワードや顧客名まで写り込みます。これをオンラインの圧縮サービスにアップロードするということは、その内容を一度他人のサーバーに預けることです。",[11,11062,11063,11064,11067],{},"多くのサービスは「一定時間で自動削除」を謳いますが、",[34,11065,11066],{},"その削除は利用者から検証できません","。削除完了のスクリーンショットを送ってくれるわけでもなく、ログがどこまで残るかも不透明です。未公開の企画映像や社内会議の録画を、無料ツールに放り込むことに抵抗を感じたことがある人は多いはずです。",[11,11069,11070,11071,11074,11075,11078],{},"Zerosend は逆のアプローチを取ります。",[34,11072,11073],{},"動画ファイルを最初から外に出さない","。処理はすべて、あなたがいま開いているこのブラウザ、ローカル端末の CPU と GPU の中だけで完結します。DevTools の Network タブを開いたまま圧縮を実行すれば、動画そのものがアップロードされていないことを自分の目で確認できます。信用してもらう代わりに、",[34,11076,11077],{},"検証可能にする"," — これが Zerosend の基本方針です。",[21,11080,7761],{"id":7761},[11,11082,11083],{},"操作はシンプルです。",[124,11085,11086,11092,11095,11098,11101],{},[45,11087,11088,7770],{},[76,11089,11090],{"href":3761},[54,11091,3761],{},[45,11093,11094],{},"画面中央のドロップゾーンに動画ファイルをドラッグ&ドロップ、またはクリックして選択 (MP4 \u002F WebM \u002F MOV、最大 500MB)",[45,11096,11097],{},"圧縮強度 (CRF) と解像度を選ぶ",[45,11099,11100],{},"「圧縮を開始する」をクリック",[45,11102,11103],{},"処理が終わると「処理完了。あなたのファイルは外に出ていません。」と表示され、ダウンロードボタンから結果を保存できる",[26,11105,11106],{"id":11106},"設定の目安",[42,11108,11109,11115,11121,11127],{},[45,11110,11111,11114],{},[34,11112,11113],{},"高画質 (CRF 23)",": 画質維持を最優先。削減率は 10〜30% 程度。保存用のマスター映像向け",[45,11116,11117,11120],{},[34,11118,11119],{},"標準 (CRF 28)",": 視覚的な劣化は軽微。削減率 40〜70%。ウェブ掲載・SNS 共有に",[45,11122,11123,11126],{},[34,11124,11125],{},"小さめ (CRF 32)",": 多少ぼやけるが容量優先。チャット添付・LINE・メール向け",[45,11128,11129,11132],{},[34,11130,11131],{},"最小 (CRF 36)",": 輪郭が甘くなる。品質より「とにかく送れる」が最優先なとき",[11,11134,11135],{},"解像度は 100 \u002F 75 \u002F 50% から選べます。1080p の素材を 75% にすると、CRF を 1〜2 下げるより確実にサイズが落ちます。",[21,11137,11139],{"id":11138},"仕組み-二段構えのエンジン","仕組み — 二段構えのエンジン",[11,11141,11142],{},"Zerosend の動画圧縮は、単一のエンジンに依存していません。ブラウザの能力を見て、もっとも速い経路を自動で選びます。",[26,11144,11146],{"id":11145},"_1-webcodecs-高速パス","1. WebCodecs (高速パス)",[11,11148,11149,11150,11153,11154,11157],{},"Chrome \u002F Edge \u002F 最近の Safari には ",[54,11151,11152],{},"WebCodecs"," API が実装されており、",[34,11155,11156],{},"GPU 支援の H.264 エンコーダ","をブラウザから直接呼び出せます。Zerosend は対応環境では次のパイプラインで処理します。",[42,11159,11160,11166,11172,11179,11185,11188],{},[45,11161,11162,11165],{},[54,11163,11164],{},"mp4box.js"," で MP4 ファイルを demux",[45,11167,11168,11171],{},[54,11169,11170],{},"VideoDecoder"," でフレームを復号 (ハードウェアアクセラレーション)",[45,11173,11174,11175,11178],{},"必要なら ",[54,11176,11177],{},"OffscreenCanvas"," でリサイズ",[45,11180,11181,11184],{},[54,11182,11183],{},"VideoEncoder"," で H.264 に再エンコード (GPU)",[45,11186,11187],{},"音声はロスレスコピー (AAC のチャンクをそのまま維持)",[45,11189,11190,11193],{},[54,11191,11192],{},"mp4-muxer"," で MP4 に mux し、Blob として出力",[11,11195,11196],{},"数百 MB の動画も数十秒で処理できます。処理後の結果カードに「エンジン: webcodecs」と表示されれば、このパスが走っています。",[26,11198,11200],{"id":11199},"_2-ffmpegwasm-フォールバック","2. ffmpeg.wasm (フォールバック)",[11,11202,11203,11204,11206],{},"WebCodecs が未対応のブラウザ、HEVC などの特殊なコーデック入力、mp4box が parse できない特殊コンテナのときは、自動的に ",[54,11205,622],{}," に切り替わります。完全に CPU で処理するため速度は落ちますが、対応できるフォーマットの幅が段違いに広いのが強みです。ffmpeg-core は Cloudflare R2 から、同一オリジンのパスを経由して 32MB の WASM を取得します。初回のみ時間がかかりますが、2 回目以降はブラウザのキャッシュから復元されます。",[21,11208,359],{"id":359},[11,11210,11211,11214],{},[34,11212,11213],{},"Q. 処理中にインターネット接続が切れたら？","\nA. 動画本体の送受信は発生しないため、圧縮処理自体は継続します。エンジン (ffmpeg.wasm) が未ロードの状態だと初回ダウンロードで失敗しますが、一度読み込んだあとはオフラインでも動作します。",[11,11216,11217,11220],{},[34,11218,11219],{},"Q. 結果のファイルはどこに保存されますか？","\nA. ダウンロードボタンを押したときのブラウザの保存先です。サーバーには何も残りません。結果ファイルはタブを閉じるとメモリから消えます。",[11,11222,11223,11226],{},[34,11224,11225],{},"Q. 画質が思ったより落ちます。","\nA. CRF を下げる (例: 28 → 23)、または解像度の縮小をやめる (50% → 100%) と改善します。素材が 4K なら、100% のまま CRF を下げるより 75% + CRF 25 の方が視覚的なバランスが取れやすいです。",[11,11228,11229,11232],{},[34,11230,11231],{},"Q. iPhone で撮った MOV も処理できますか？","\nA. はい。HEVC (H.265) の場合は ffmpeg.wasm 側のフォールバックに回るため時間がかかりますが、H.264 にトランスコードされた MP4 として出力されます。",[21,11234,7900],{"id":7900},[42,11236,11237,11243,11248],{},[45,11238,11239,11242],{},[76,11240,11241],{"href":332},"動画 → GIF"," — SNS の表紙やドキュメント挿入に",[45,11244,11245,11247],{},[76,11246,7921],{"href":7920}," — 必要な区間だけ切り出してから圧縮すると効率的",[45,11249,11250,11252],{},[76,11251,7914],{"href":3801}," — MOV \u002F WebM → MP4 など",[11,11254,11255],{},"Zerosend は「日常のちょっとした加工を、あなたの端末で完結させる」ことに徹したツール集です。動画の中身があなたの手元から離れないことを、DevTools で自分の目で確かめてから使ってみてください。",{"title":422,"searchDepth":423,"depth":423,"links":11257},[11258,11259,11262,11266,11267],{"id":11057,"depth":423,"text":11057},{"id":7761,"depth":423,"text":7761,"children":11260},[11261],{"id":11106,"depth":428,"text":11106},{"id":11138,"depth":423,"text":11139,"children":11263},[11264,11265],{"id":11145,"depth":428,"text":11146},{"id":11199,"depth":428,"text":11200},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の動画圧縮ツールは、動画ファイルをサーバーに送らずブラウザ内で再エンコードしてサイズを削減します。WebCodecs で GPU 支援、未対応環境では ffmpeg.wasm にフォールバック。設計思想と使い方、仕組みを Zerosend 編集部が解説します。",{},"\u002Fblog\u002Fvideo-compress-intro",{"title":11039,"description":11268},"video-compress-intro","blog\u002Fvideo-compress-intro",[455,1445,11152,500],"m6ZmnP7B9y1BiQ1bkpnuRVd5d-kUAoN5oRSdq2weaH0",{"id":11277,"title":11278,"author":6,"body":11279,"category":441,"coverImage":442,"description":11444,"draft":444,"extension":445,"locale":446,"meta":11445,"navigation":448,"noindex":448,"path":11446,"publishedAt":7943,"seo":11447,"slug":11448,"stem":11449,"tags":11450,"updatedAt":7943,"__hash__":11451},"blog\u002Fblog\u002Fvideo-convert-intro.md","動画形式を変換する — \u002Ftools\u002Fvideo-convert の思想と使い方",{"type":8,"value":11280,"toc":11435},[11281,11284,11290,11292,11299,11302,11304,11323,11326,11346,11348,11353,11355,11358,11379,11382,11384,11390,11396,11402,11410,11416,11418],[11,11282,11283],{},"iPhone で撮った MOV を Windows に送りたい、古いビデオカメラの AVI を YouTube に上げたい、ウェブサイト掲載用に WebM 形式に変換して読み込みを軽くしたい。動画の形式変換は、互換性問題を解決する定番作業です。MP4 は最も互換性が高く、迷ったらまず MP4 を選ぶのが安全です。WebM は Chrome \u002F Firefox での再生効率が良く、ウェブページ埋め込みに適しています。",[11,11285,11286,11289],{},[76,11287,11288],{"href":3801},"Zerosend の動画形式変換ツール"," は、この変換をブラウザ内で完結させます。",[21,11291,7748],{"id":7748},[11,11293,11294,11295,11298],{},"動画ファイルは、内容がどのようなものであっても",[34,11296,11297],{},"撮影者・被写体・撮影場所","という 3 種の個人情報を常に含みます。結婚式の映像、社内イベントの録画、研修動画、顧客インタビュー。これらを無料のオンライン変換サービスに預けることは、映像を第三者のサーバーに一時的に置くことと同じです。",[11,11300,11301],{},"Zerosend では変換処理がローカルで完結するため、この構造的リスクを回避できます。",[21,11303,7761],{"id":7761},[124,11305,11306,11312,11315,11318,11320],{},[45,11307,11308,7770],{},[76,11309,11310],{"href":3801},[54,11311,3801],{},[45,11313,11314],{},"動画ファイルをドラッグ&ドロップ",[45,11316,11317],{},"出力形式 (MP4 \u002F WebM) を選ぶ",[45,11319,7779],{},[45,11321,11322],{},"ダウンロード",[21,11324,11325],{"id":11325},"形式の使い分け",[42,11327,11328,11334,11340],{},[45,11329,11330,11333],{},[34,11331,11332],{},"MP4 (H.264 + AAC)",": 汎用。ブラウザ・デバイス・SNS すべてで最も広く対応",[45,11335,11336,11339],{},[34,11337,11338],{},"WebM (VP9 + Opus)",": ブラウザネイティブ。ウェブサイト掲載で効率が良い",[45,11341,11342,11345],{},[34,11343,11344],{},"互換性優先なら MP4",": 疑問があれば MP4 を選ぶのが安全",[21,11347,8041],{"id":8040},[11,11349,10237,11350,11352],{},[34,11351,622],{}," を使ってブラウザ上で動画を変換します。ffmpeg.wasm は、動画処理の業界標準ツール「FFmpeg」を WebAssembly にコンパイルしたものです。サーバーへのアップロードは一切発生せず、すべての処理があなたの端末のメモリ上で完結します。初回アクセス時に約 30MB の WASM ファイルを読み込みます。",[21,11354,7841],{"id":7841},[11,11356,11357],{},"ffmpeg.wasm の再エンコードを利用しています。",[42,11359,11360,11363,11373,11376],{},[45,11361,11362],{},"入力動画を ffmpeg FS に書き込み",[45,11364,11365,11368,11369,11372],{},[54,11366,11367],{},"-c:v libx264 -c:a aac"," (MP4) または ",[54,11370,11371],{},"-c:v libvpx-vp9 -c:a libopus"," (WebM) で再エンコード",[45,11374,11375],{},"出力を Blob としてメモリに展開",[45,11377,11378],{},"ダウンロード用 URL を生成",[11,11380,11381],{},"再エンコードのため処理時間は入力の長さに比例します。30 秒の動画で数秒〜数十秒が目安です。",[21,11383,359],{"id":359},[11,11385,11386,11389],{},[34,11387,11388],{},"Q. 変換すると画質は落ちますか？","\nA. 再エンコードするため、理論上は多少劣化します。ただし本ツールのプリセットは実用レベルでは視覚的にほぼわからない品質設定です。",[11,11391,11392,11395],{},[34,11393,11394],{},"Q. 音声は変換後も保持されますか？","\nA. はい。MP4 では AAC、WebM では Opus コーデックで音声を保持します。",[11,11397,11398,11401],{},[34,11399,11400],{},"Q. コーデック指定や高度なオプションを変えたい","\nA. 本ツールは一般用途向けのプリセットで固定しています。細かい制御が必要なら、別のプロフェッショナル向けツールを検討してください。",[11,11403,11404,8126,11407,11409],{},[34,11405,11406],{},"Q. 音声のみ抽出したい",[76,11408,8082],{"href":7714}," をお使いください。",[11,11411,11412,11415],{},[34,11413,11414],{},"Q. 対応していない入力形式","\nA. ffmpeg がサポートする範囲ですが、特殊コーデック (Pro Res \u002F DNxHD など) は未対応の場合があります。",[21,11417,7900],{"id":7900},[42,11419,11420,11425,11430],{},[45,11421,11422,11424],{},[76,11423,7927],{"href":3761}," — 変換と同時にサイズも削減したいとき",[45,11426,11427,11429],{},[76,11428,7921],{"href":7920}," — 変換前に必要な区間だけ切り出す",[45,11431,11432,11434],{},[76,11433,8082],{"href":7714}," — 動画から音声だけ抽出して変換",{"title":422,"searchDepth":423,"depth":423,"links":11436},[11437,11438,11439,11440,11441,11442,11443],{"id":7748,"depth":423,"text":7748},{"id":7761,"depth":423,"text":7761},{"id":11325,"depth":423,"text":11325},{"id":8040,"depth":423,"text":8041},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の動画形式変換ツールは、MOV \u002F WebM \u002F MKV \u002F AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-convert-intro",{"title":11278,"description":11444},"video-convert-intro","blog\u002Fvideo-convert-intro",[455,456,500],"ldYVnFsDnsxNqA4OjZcTU5p1BFIPG2owtrvfRBqSTcA",{"id":11453,"title":11454,"author":6,"body":11455,"category":441,"coverImage":442,"description":11692,"draft":444,"extension":445,"locale":446,"meta":11693,"navigation":448,"noindex":448,"path":11694,"publishedAt":7943,"seo":11695,"slug":11696,"stem":11697,"tags":11698,"updatedAt":7943,"__hash__":11699},"blog\u002Fblog\u002Fvideo-to-gif-intro.md","動画を GIF に変換する — \u002Ftools\u002Fvideo-to-gif の思想と使い方",{"type":8,"value":11456,"toc":11682},[11457,11460,11465,11467,11493,11497,11500,11520,11526,11530,11536,11539,11541,11563,11566,11569,11595,11597,11608,11627,11630,11632,11641,11651,11657,11663,11665],[11,11458,11459],{},"画面操作の説明を Slack で共有したい、バグの再現手順を issue に貼りたい、X のタイムラインで動く画像にしたい。動画が重くて共有しづらい場面で GIF は今でも現役です。",[11,11461,11462,11289],{},[76,11463,11464],{"href":332},"Zerosend の 動画 → GIF 変換ツール",[21,11466,10369],{"id":10369},[42,11468,11469,11475,11481,11487],{},[45,11470,11471,11474],{},[34,11472,11473],{},"チャット・SNS への操作デモ共有",": Slack・Discord・X では動画より GIF の方が自動再生されやすく、見てもらいやすい",[45,11476,11477,11480],{},[34,11478,11479],{},"GitHub Issue へのバグ再現添付",": 再現手順を GIF にすると、文章だけより圧倒的に伝わります",[45,11482,11483,11486],{},[34,11484,11485],{},"製品マニュアルや説明資料",": 使い方の短いアニメを埋め込むとドキュメントの分かりやすさが上がります",[45,11488,11489,11492],{},[34,11490,11491],{},"SNS 投稿用のループ動画",": 短い映像をループさせてタイムラインで目を引く素材にできます",[21,11494,11496],{"id":11495},"gif-の特性を理解して使う","GIF の特性を理解して使う",[11,11498,11499],{},"GIF には独自の制約があります。",[42,11501,11502,11508,11514],{},[45,11503,11504,11507],{},[34,11505,11506],{},"音声なし",": GIF 形式の仕様上、音声トラックは含められません",[45,11509,11510,11513],{},[34,11511,11512],{},"色数は最大 256 色",": フルカラー動画に比べて色表現が限られます。グラデーションや写真素材はバンディングが出やすい",[45,11515,11516,11519],{},[34,11517,11518],{},"ファイルサイズが大きくなりやすい",": 同じ長さ・解像度の動画 MP4 と比べると、GIF は数倍のサイズになることが多い",[11,11521,11522,11523,11525],{},"画面操作録画やシンプルなアニメーションには向いています。風景動画など色が複雑な素材は ",[76,11524,7927],{"href":3761}," で MP4 のままにするのが適切です。",[21,11527,11529],{"id":11528},"なぜブラウザ内で-gif-変換するのか","なぜブラウザ内で GIF 変換するのか",[11,11531,11532,11533,605],{},"画面録画の中身は、UI スクリーンショット以上に情報を含みます。操作中に映る URL・ユーザー名・通知内容・顧客の名前。これらを含む動画を GIF 変換サービスにアップロードすると、",[34,11534,11535],{},"動画の全フレームが相手のサーバーに渡ります",[11,11537,11538],{},"Zerosend では変換処理をローカルで行うため、そのリスクがありません。DevTools で通信が発生していないことを確認してから使ってください。",[21,11540,7761],{"id":7761},[124,11542,11543,11549,11552,11555,11558,11561],{},[45,11544,11545,7770],{},[76,11546,11547],{"href":332},[54,11548,332],{},[45,11550,11551],{},"動画ファイルをドラッグ&ドロップ (MP4 \u002F WebM \u002F MOV)",[45,11553,11554],{},"切り出し区間 (開始時刻・終了時刻) を指定",[45,11556,11557],{},"フレームレート (5 \u002F 10 \u002F 15fps) と幅を選択",[45,11559,11560],{},"「GIF 化を開始する」をクリック",[45,11562,11322],{},[21,11564,11565],{"id":11565},"サイズを抑えるコツ",[11,11567,11568],{},"GIF は形式として大きくなりがちです。以下の指針で調整してください。",[42,11570,11571,11577,11583,11589],{},[45,11572,11573,11576],{},[34,11574,11575],{},"区間は短く",": 3〜6 秒が実用上の上限",[45,11578,11579,11582],{},[34,11580,11581],{},"幅は 480px 以下",": Slack・Twitter で使うなら 480px 前後で十分",[45,11584,11585,11588],{},[34,11586,11587],{},"フレームレートは 10fps",": 15fps 以上は体感差が小さくサイズだけ増える",[45,11590,11591,11594],{},[34,11592,11593],{},"色数は制限",": ツール側で最適化しているが、単調な色味の動画ほどうまくハマる",[21,11596,7841],{"id":7841},[11,11598,11599,11600,11603,11604,11607],{},"ffmpeg.wasm で動画を復号し、",[54,11601,11602],{},"palettegen"," と ",[54,11605,11606],{},"paletteuse"," フィルタを使って GIF の 256 色パレットに最適化して書き出しています。",[42,11609,11610,11612,11618,11624],{},[45,11611,11362],{},[45,11613,11614,11617],{},[54,11615,11616],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,palettegen\""," で最適パレット生成",[45,11619,11620,11623],{},[54,11621,11622],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,paletteuse\""," で GIF エンコード",[45,11625,11626],{},"Blob としてメモリに展開",[11,11628,11629],{},"2 パス処理をブラウザ内で完結させているため、サーバー送信は一切発生しません。",[21,11631,359],{"id":359},[11,11633,11634,11637,11638,11640],{},[34,11635,11636],{},"Q. GIF が想像より大きくなるのはなぜ？","\nA. GIF の圧縮効率は MP4 より大幅に劣ります。色数が多い・解像度が高い・再生時間が長いほどサイズが跳ね上がります。区間を短く・幅を小さく・フレームレートを低くすることで抑えられます。30 秒超なら ",[76,11639,7927],{"href":3761}," で軽量 MP4 のままにするのをお勧めします。",[11,11642,11643,11646,11647,11650],{},[34,11644,11645],{},"Q. 最適なフレームレートは？","\nA. 画面操作デモや UI アニメーションなら ",[34,11648,11649],{},"10fps"," で十分です。15fps 以上は体感差が小さくサイズだけ増えます。スポーツや動きが速い動画なら 15fps を試してみてください。",[11,11652,11653,11656],{},[34,11654,11655],{},"Q. 音声は入りますか？","\nA. GIF 仕様上、音声は含められません。音声付きで共有したいなら動画のままが適切です。",[11,11658,11659,11662],{},[34,11660,11661],{},"Q. 透過 GIF は作れますか？","\nA. 1 ビット透過なら可能ですが、動画ソースからの抽出は実用的でないため、本ツールでは非対応です。",[21,11664,7900],{"id":7900},[42,11666,11667,11672,11677],{},[45,11668,11669,11671],{},[76,11670,7921],{"href":7920}," — GIF 化前に必要な区間だけ切り出す",[45,11673,11674,11676],{},[76,11675,7927],{"href":3761}," — GIF の代わりに軽量 MP4 にする選択肢",[45,11678,11679,11681],{},[76,11680,7914],{"href":3801}," — 他形式への変換",{"title":422,"searchDepth":423,"depth":423,"links":11683},[11684,11685,11686,11687,11688,11689,11690,11691],{"id":10369,"depth":423,"text":10369},{"id":11495,"depth":423,"text":11496},{"id":11528,"depth":423,"text":11529},{"id":7761,"depth":423,"text":7761},{"id":11565,"depth":423,"text":11565},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の 動画 → GIF 変換ツールは、動画をサーバーに送らずブラウザ内で GIF アニメに変換します。SNS・ドキュメント・Slack 用の短尺アニメ作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-to-gif-intro",{"title":11454,"description":11692},"video-to-gif-intro","blog\u002Fvideo-to-gif-intro",[455,189,500],"F-VtE5_81X3UDass3kkqeGRzNTo9sqxhp5fVXlpsflQ",{"id":11701,"title":11702,"author":6,"body":11703,"category":441,"coverImage":442,"description":11896,"draft":444,"extension":445,"locale":446,"meta":11897,"navigation":448,"noindex":448,"path":11898,"publishedAt":7943,"seo":11899,"slug":11900,"stem":11901,"tags":11902,"updatedAt":7943,"__hash__":11903},"blog\u002Fblog\u002Fvideo-trim-intro.md","動画をトリミング (切り出し) する — \u002Ftools\u002Fvideo-trim の思想と使い方",{"type":8,"value":11704,"toc":11887},[11705,11708,11713,11715,11747,11749,11756,11759,11761,11780,11784,11790,11793,11795,11803,11818,11821,11823,11831,11837,11846,11851,11857,11868,11870],[11,11706,11707],{},"60 分の会議録画から「重要な 3 分」だけ共有したい、旅行動画の最初の手ブレ部分をカットしたい、画面録画の誤操作部分を除きたい。動画のトリミングは、共有前の定番作業です。",[11,11709,11710,7716],{},[76,11711,11712],{"href":7920},"Zerosend の動画トリミングツール",[21,11714,7964],{"id":7964},[42,11716,11717,11723,11729,11735,11741],{},[45,11718,11719,11722],{},[34,11720,11721],{},"会議録画の抜粋共有",": 60 分の Zoom 録画から決議箇所の 5 分だけを切り出してチームに送る",[45,11724,11725,11728],{},[34,11726,11727],{},"旅行動画の冒頭カット",": 起動直後の手ブレや暗転部分を除いて本編から始める",[45,11730,11731,11734],{},[34,11732,11733],{},"画面録画の整理",": 操作説明動画の冒頭・末尾の余分な操作を削除",[45,11736,11737,11740],{},[34,11738,11739],{},"SNS 投稿用にカット",": 長い動画から見せたい場面だけを 60 秒以内に切り出す",[45,11742,11743,11746],{},[34,11744,11745],{},"インタビュー動画の引用",": 収録全体から発言箇所だけを抜粋してプレゼンに使う",[21,11748,8005],{"id":8005},[11,11750,11751,11752,11755],{},"トリミングしたい動画ほど「切り取りたい箇所」より「切り捨てたい箇所」が大きいものです。60 分の会議録画から 3 分を抽出する場合、",[34,11753,11754],{},"残りの 57 分分の機密発言もいったん相手サーバーにアップロードする","ことになります。",[11,11757,11758],{},"これはプライバシー観点で非合理的です。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生しません。入力動画が数 GB あっても、ネットワークには何も流れません。",[21,11760,7761],{"id":7761},[124,11762,11763,11769,11772,11775,11777],{},[45,11764,11765,7770],{},[76,11766,11767],{"href":7920},[54,11768,7920],{},[45,11770,11771],{},"動画をドラッグ&ドロップ",[45,11773,11774],{},"開始時刻・終了時刻を指定 (スライダーまたは秒数入力)",[45,11776,8034],{},[45,11778,11779],{},"切り出された動画をダウンロード",[21,11781,11783],{"id":11782},"ffmpegwasm-とは","ffmpeg.wasm とは",[11,11785,11786,11787,11789],{},"ffmpeg は動画・音声処理の世界標準ツールで、もともとはターミナルで使うコマンドラインプログラムです。",[34,11788,622],{}," はこれを WebAssembly (WASM) にコンパイルしたもので、インストール不要でブラウザ上で動作します。",[11,11791,11792],{},"Zerosend はこの ffmpeg.wasm を使って、ネイティブアプリに近い動画処理をブラウザ内で実現しています。初回アクセス時は約 30MB の WASM ファイルを取得するため少し時間がかかりますが、取得後はオフラインでも動作します。",[21,11794,7841],{"id":7841},[11,11796,8055,11797,11799,11800,11802],{},[54,11798,8058],{}," (開始) \u002F ",[54,11801,8062],{}," (終了) オプションを使って指定区間を切り出します。",[42,11804,11805,11807,11813],{},[45,11806,11362],{},[45,11808,11809,11812],{},[54,11810,11811],{},"-ss \u003Cstart> -i input.mp4 -to \u003Cend> -c copy output.mp4"," で再エンコードなしに切り出し",[45,11814,11815,11817],{},[54,11816,8129],{}," によりロスレス抽出 (処理も高速)",[11,11819,11820],{},"再エンコードしないため、画質劣化なし・処理時間も入力サイズの数%程度で完了します。",[21,11822,359],{"id":359},[11,11824,11825,8126,11828,11830],{},[34,11826,11827],{},"Q. フレーム単位の精度は？",[54,11829,8129],{}," でキーフレーム境界に揃える仕様のため、GOP サイズに依存します。秒単位以上の精度が必要なら問題なく使えますが、フレーム単位の精度が必要な場合は本ツール内で再エンコードオプションを有効化できます (処理時間が増加)。",[11,11832,11833,11836],{},[34,11834,11835],{},"Q. 対応している動画形式は？","\nA. MP4・MOV・AVI・WebM・MKV など主要な形式に対応しています。スマートフォンで撮影した MP4 や MOV ファイルはそのまま使えます。",[11,11838,11839,11842,11843,11845],{},[34,11840,11841],{},"Q. ファイルサイズの上限はありますか？","\nA. デバイスのメモリに依存します。PC (8GB RAM) なら 2〜4GB 程度まで問題なく処理できます。大容量ファイルは事前に ",[76,11844,7927],{"href":3761}," でサイズを小さくしておくと安定します。",[11,11847,11848,11850],{},[34,11849,8135],{},"\nA. 現状は 1 区間のみです。複数区間を扱う場合は 1 区間ずつ抽出後、別途結合ツールを使ってください。",[11,11852,11853,11856],{},[34,11854,11855],{},"Q. 音声も一緒に切り出される？","\nA. はい。映像と音声は同じ区間でセット抽出されます。",[11,11858,11859,8126,11862,11864,11865,11867],{},[34,11860,11861],{},"Q. 音声だけ切り出したい場合は？",[76,11863,7908],{"href":7907}," を使うか、本ツールで切り出した動画から音声だけを ",[76,11866,8082],{"href":7714}," で抽出してください。",[21,11869,7900],{"id":7900},[42,11871,11872,11877,11882],{},[45,11873,11874,11876],{},[76,11875,7927],{"href":3761}," — トリミング後にサイズ削減",[45,11878,11879,11881],{},[76,11880,11241],{"href":332}," — 短い区間を GIF アニメに",[45,11883,11884,11886],{},[76,11885,7914],{"href":3801}," — 形式違いへの変換",{"title":422,"searchDepth":423,"depth":423,"links":11888},[11889,11890,11891,11892,11893,11894,11895],{"id":7964,"depth":423,"text":7964},{"id":8005,"depth":423,"text":8005},{"id":7761,"depth":423,"text":7761},{"id":11782,"depth":423,"text":11783},{"id":7841,"depth":423,"text":7841},{"id":359,"depth":423,"text":359},{"id":7900,"depth":423,"text":7900},"Zerosend の動画トリミングツールは、動画をサーバーに送らずブラウザ内で任意の区間だけ切り出します。不要な前後や長い会議録画から特定区間のみを共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-trim-intro",{"title":11702,"description":11896},"video-trim-intro","blog\u002Fvideo-trim-intro",[455,813,500],"7EvrD-iE0ceEb1mOikK1dKX6CLOgOmRG5pONoAtKj4Y",{"id":11905,"title":11906,"author":6,"body":11907,"category":441,"coverImage":442,"description":12195,"draft":444,"extension":445,"locale":446,"meta":12196,"navigation":448,"noindex":444,"path":12197,"publishedAt":12198,"seo":12199,"slug":12200,"stem":12201,"tags":12202,"updatedAt":12198,"__hash__":12204},"blog\u002Fblog\u002Fbrowser-only-limits.md","ブラウザ内でファイル処理は「どこまで」できるか — 2026 年の現在地",{"type":8,"value":11908,"toc":12164},[11909,11912,11916,11920,11931,11934,11937,11940,11944,11955,11959,11965,11969,11978,11982,12000,12003,12007,12010,12014,12020,12024,12027,12031,12035,12042,12046,12053,12057,12060,12064,12068,12078,12082,12089,12093,12104,12112,12115,12119,12133,12136,12138,12145,12153],[11,11910,11911],{},"「ファイルをサーバーに送らずに処理する」は、2026 年のブラウザでかなりの範囲が実現可能です。ただし万能ではありません。Zerosend が採用している技術と、その限界を正直に整理します。",[21,11913,11915],{"id":11914},"なぜブラウザだけで処理する選択を採るのか","なぜ「ブラウザだけで処理する」選択を採るのか",[26,11917,11919],{"id":11918},"送らないので漏れないという直球の設計","送らないので漏れない、という直球の設計",[11,11921,11922,11923,11926,11927,11930],{},"サーバー送信を伴わない構造そのものが、",[34,11924,11925],{},"個人情報漏洩・誤操作・第三者共有"," のリスクを原理的にゼロにします。「漏れない仕組み」を語るより、",[34,11928,11929],{},"漏れる場所をなくす","ほうが検証しやすい設計です。",[26,11932,11933],{"id":11933},"設定や権限に依存しない単純さ",[11,11935,11936],{},"サーバー側で暗号化キーを守る \u002F ログを消す \u002F バックアップから除外する、という細かい運用は継続的な手間がかかります。ブラウザ内で完結するなら、そもそもその運用自体が発生しません。",[21,11938,11939],{"id":11939},"使っている技術スタック",[26,11941,11943],{"id":11942},"canvas-api-画像の基礎処理","Canvas API — 画像の基礎処理",[11,11945,11946,11947,11950,11951,11954],{},"2D 描画と画像ピクセル操作の標準 API。Zerosend の画像圧縮・リサイズ・形式変換はすべて Canvas 経由です。",[54,11948,11949],{},"drawImage()"," で任意の描画、",[54,11952,11953],{},"toBlob()"," で指定フォーマットに書き出せます。",[26,11956,11958],{"id":11957},"web-worker-メインスレッドを止めない","Web Worker — メインスレッドを止めない",[11,11960,11961,11962,11964],{},"重い処理をメインスレッドで回すと UI がフリーズします。Web Worker で別スレッドに逃がすことでスムーズな UX を維持します。",[54,11963,6234],{}," のように Worker を内包しているライブラリは、そのまま使うだけでメインスレッドを解放してくれます。",[26,11966,11968],{"id":11967},"webassembly-ffmpeg-pdf-系ライブラリの移植","WebAssembly — ffmpeg \u002F pdf 系ライブラリの移植",[11,11970,11971,11972,11974,11975,11977],{},"C \u002F C++ で書かれたネイティブライブラリを WASM 化することで、ブラウザで直接実行できます。Zerosend では ",[34,11973,622],{}," (動画・音声) と ",[34,11976,9744],{}," (PDF レンダリング) が WASM ベースです。",[26,11979,11981],{"id":11980},"file-system-access-api-blob-入出力","File System Access API \u002F Blob — 入出力",[11,11983,11984,11985,8059,11988,11991,11992,11995,11996,11999],{},"モダンブラウザは ",[54,11986,11987],{},"showOpenFilePicker()",[54,11989,11990],{},"showSaveFilePicker()"," で OS のファイル選択ダイアログを呼べます。非対応の環境でも ",[54,11993,11994],{},"\u003Cinput type=\"file\">"," + ",[54,11997,11998],{},"Blob + URL.createObjectURL"," でダウンロードできるため、互換性の最低ラインは広いです。",[21,12001,12002],{"id":12002},"できること",[26,12004,12006],{"id":12005},"数-mb-数十-mb-のファイル処理","数 MB 〜数十 MB のファイル処理",[11,12008,12009],{},"現代のブラウザは 100MB 級のファイルでも (メモリ次第で) 安定して扱えます。JPG\u002FPNG 画像の圧縮・リサイズ・一括 ZIP 生成は問題なく動作します。",[26,12011,12013],{"id":12012},"バッチ処理-zip-生成を含む","バッチ処理 (ZIP 生成を含む)",[11,12015,12016,12019],{},[54,12017,12018],{},"jszip"," を使えば複数ファイルの圧縮まとめもブラウザ内で完結します。100 ファイル程度の一括処理は実用範囲です。",[26,12021,12023],{"id":12022},"逆圧縮形式変換","逆圧縮・形式変換",[11,12025,12026],{},"JPG → WebP、HEIC → JPG、PDF → PNG、MP4 → GIF などの変換は、すべてブラウザ内で実行できます。",[21,12028,12030],{"id":12029},"苦手なことできないこと","苦手なこと・できないこと",[26,12032,12034],{"id":12033},"数-gb-級の動画処理はメモリが持たない","数 GB 級の動画処理はメモリが持たない",[11,12036,12037,12038,12041],{},"ブラウザのプロセスメモリ上限はだいたい 2〜4 GB 程度。それ以上の動画をまるごと処理するのは困難です。",[34,12039,12040],{},"1 GB を超える動画はデスクトップツール"," (ffmpeg CLI 等) のほうが安定します。",[26,12043,12045],{"id":12044},"機械学習推論は遅い-onnx-runtime-web-は軽量モデル限定","機械学習推論は遅い (ONNX Runtime Web は軽量モデル限定)",[11,12047,12048,12049,12052],{},"ONNX Runtime Web や TensorFlow.js で推論は可能ですが、",[34,12050,12051],{},"数 GB 級のモデル","はブラウザで回すとかなり遅く、UX が実用的ではありません。軽量モデル (数百 MB) に限定するか、サーバー推論と割り切るのが現実的です。",[26,12054,12056],{"id":12055},"os-ネイティブ機能への直接アクセス","OS ネイティブ機能への直接アクセス",[11,12058,12059],{},"ブラウザはサンドボックス内で動くので、OS のファイルシステム全体を書き換えるような処理・プロセス起動はできません。セキュリティの観点からも妥当な制約です。",[21,12061,12063],{"id":12062},"zerosend-での実装のコツ-開発者向け","Zerosend での実装のコツ (開発者向け)",[26,12065,12067],{"id":12066},"ドメイン層を-ui-から分離する","ドメイン層を UI から分離する",[11,12069,12070,12073,12074,12077],{},[54,12071,12072],{},"domain\u002Fprocessors\u002F"," 配下に",[34,12075,12076],{},"純粋関数","を置き、Vue \u002F DOM API に依存させない設計にしています。テストが書きやすく、将来的に CLI 化・API 化もしやすくなります。",[26,12079,12081],{"id":12080},"web-worker-に重い処理を分離する判断基準","Web Worker に重い処理を分離する判断基準",[11,12083,12084,12085,12088],{},"目安は ",[34,12086,12087],{},"100 ms を超える処理はすべて Worker","。メインスレッドがそれ以上ブロックすると、ユーザー操作への応答 (クリック・スクロール) が目に見えて遅延します。",[26,12090,12092],{"id":12091},"csp-を破らずに-wasm-を読み込む","CSP を破らずに WASM を読み込む",[11,12094,12095,12096,12099,12100,12103],{},"CSP (Content Security Policy) に ",[54,12097,12098],{},"wasm-unsafe-eval"," を追加する必要があります。Zerosend では meta と ",[54,12101,12102],{},"_headers"," の両方に設定し、本番でも正しく動作することを確認しています。",[2212,12105,12110],{"className":12106,"code":12108,"language":12109},[12107],"language-text","Content-Security-Policy: script-src 'self' 'wasm-unsafe-eval'\n","text",[54,12111,12108],{"__ignoreMap":422},[21,12113,12114],{"id":12114},"今後の展望",[26,12116,12118],{"id":12117},"webgpu-opfs-の成熟","WebGPU \u002F OPFS の成熟",[42,12120,12121,12127],{},[45,12122,12123,12126],{},[34,12124,12125],{},"WebGPU",": GPU を直接使える API。機械学習推論や 3D レンダリングで大きく速度改善が見込まれます",[45,12128,12129,12132],{},[34,12130,12131],{},"OPFS (Origin Private File System)",": Origin ごとにブラウザが管理する高速ファイル領域。大容量ファイル処理時の中間ストレージに使えます",[11,12134,12135],{},"これらが広く使える前提になれば、現状「苦手」としている領域の多くがブラウザだけで片付くようになります。",[21,12137,398],{"id":398},[11,12139,12140,12141,12144],{},"ブラウザ内ファイル処理は ",[34,12142,12143],{},"Canvas \u002F Web Worker \u002F WebAssembly \u002F File System Access API"," の組み合わせで、日常的な軽作業のほぼ全域をカバーできます。GB 級や重い ML 推論は依然として苦手ですが、Zerosend が対象とする画像・PDF・音声・短い動画の範囲では実用レベルです。",[11,12146,12147,12148,12152],{},"この設計の結果、",[76,12149,12151],{"href":12150},"\u002F#tools","Zerosend のツール群"," はサーバーに何も送らずに動作し、DevTools で自ら検証できる透明性を持っています。",[11,12154,12155,12156,8059,12160],{},"関連: ",[76,12157,12159],{"href":12158},"\u002Fblog\u002Fwhy-browser-only","なぜ Zerosend はブラウザ内処理にこだわるのか",[76,12161,12163],{"href":12162},"\u002Fguide\u002Fprivacy-online-tools","ピラー記事",{"title":422,"searchDepth":423,"depth":423,"links":12165},[12166,12170,12176,12181,12186,12191,12194],{"id":11914,"depth":423,"text":11915,"children":12167},[12168,12169],{"id":11918,"depth":428,"text":11919},{"id":11933,"depth":428,"text":11933},{"id":11939,"depth":423,"text":11939,"children":12171},[12172,12173,12174,12175],{"id":11942,"depth":428,"text":11943},{"id":11957,"depth":428,"text":11958},{"id":11967,"depth":428,"text":11968},{"id":11980,"depth":428,"text":11981},{"id":12002,"depth":423,"text":12002,"children":12177},[12178,12179,12180],{"id":12005,"depth":428,"text":12006},{"id":12012,"depth":428,"text":12013},{"id":12022,"depth":428,"text":12023},{"id":12029,"depth":423,"text":12030,"children":12182},[12183,12184,12185],{"id":12033,"depth":428,"text":12034},{"id":12044,"depth":428,"text":12045},{"id":12055,"depth":428,"text":12056},{"id":12062,"depth":423,"text":12063,"children":12187},[12188,12189,12190],{"id":12066,"depth":428,"text":12067},{"id":12080,"depth":428,"text":12081},{"id":12091,"depth":428,"text":12092},{"id":12114,"depth":423,"text":12114,"children":12192},[12193],{"id":12117,"depth":428,"text":12118},{"id":398,"depth":423,"text":398},"ブラウザだけで画像・PDF・動画を扱うには、どんな技術を使いどこまでできるのか。Canvas \u002F Web Worker \u002F WebAssembly \u002F File System Access API の採用ポイントと、率直な限界を整理します。",{},"\u002Fblog\u002Fbrowser-only-limits","2026-04-19",{"title":11906,"description":12195},"browser-only-limits","blog\u002Fbrowser-only-limits",[12203,815,458],"WebAssembly","DVMRpha441VjgXVwUg-Ky9ljmdcZEo-shW86ze3x7Uo",{"id":12206,"title":12207,"author":6,"body":12208,"category":441,"coverImage":442,"description":12991,"draft":444,"extension":445,"locale":446,"meta":12992,"navigation":448,"noindex":444,"path":12993,"publishedAt":12198,"seo":12994,"slug":12995,"stem":12996,"tags":12997,"updatedAt":5708,"__hash__":12998},"blog\u002Fblog\u002Ffavicon-complete-guide-2026.md","ファビコン 完全ガイド 2026 — サイズ・形式・HTML 設置まで全部入り",{"type":8,"value":12209,"toc":12949},[12210,12216,12220,12226,12246,12250,12253,12257,12261,12283,12290,12297,12300,12314,12318,12321,12328,12400,12404,12411,12414,12423,12427,12430,12436,12592,12596,12602,12606,12611,12741,12748,12756,12760,12764,12767,12771,12774,12777,12787,12791,12797,12801,12804,12837,12840,12843,12847,12850,12854,12863,12869,12875,12878,12881,12920,12924,12931,12933,12940,12946],[11,12211,12212,12213,12215],{},"ファビコン (favicon) は地味なアセットですが、種類・サイズ・形式の選択肢が多く、毎回「結局どれが必要なんだっけ?」となる人も多いはずです。本記事では 2026 年時点で本当に必要なアイコン一式と、HTML への組み込み、Zerosend の ",[76,12214,2457],{"href":10782}," の活用法を整理します。",[21,12217,12219],{"id":12218},"ファビコンとは何か-1-分で復習","ファビコンとは何か (1 分で復習)",[26,12221,12223,12225],{"id":12222},"link-タグで参照される機能の総称",[54,12224,2417],{}," タグで参照される機能の総称",[11,12227,12228,12229,12232,12233,12235,12236,8059,12239,8059,12242,12245],{},"ファビコンはブラウザのタブ表示に使われるアイコン、だけではなく",[34,12230,12231],{},"タブ \u002F ブックマーク \u002F PWA ホーム画面 \u002F 検索結果","など複数の文脈で使われる画像の総称です。",[54,12234,2476],{}," 内の ",[54,12237,12238],{},"\u003Clink rel=\"icon\">",[54,12240,12241],{},"\u003Clink rel=\"apple-touch-icon\">",[54,12243,12244],{},"\u003Clink rel=\"manifest\">"," で参照されるアセット群です。",[26,12247,12249],{"id":12248},"表示場所によって最適なサイズ形式が違う","表示場所によって最適なサイズ・形式が違う",[11,12251,12252],{},"タブ用には 16×16 \u002F 32×32 の小さいアイコンが必要ですが、iPhone のホーム画面には 180×180 の PNG、Android の PWA には 192×192 と 512×512 の PNG が必要です。場所ごとに要件が違います。",[21,12254,12256],{"id":12255},"_2026-年時点で本当に必要なアイコン","2026 年時点で本当に必要なアイコン",[26,12258,12260],{"id":12259},"必須-3-つ","必須 3 つ",[42,12262,12263,12268,12274],{},[45,12264,12265,12267],{},[54,12266,2104],{}," — デスクトップブラウザのタブ \u002F ブックマーク (16\u002F32\u002F48px のマルチサイズ)",[45,12269,12270,12273],{},[54,12271,12272],{},"apple-touch-icon.png"," (180×180) — iOS のホーム画面",[45,12275,12276,8059,12279,12282],{},[54,12277,12278],{},"icon-192.png",[54,12280,12281],{},"icon-512.png"," — Android \u002F PWA 対応",[26,12284,12286,12287],{"id":12285},"推奨-faviconsvg","推奨: ",[54,12288,12289],{},"favicon.svg",[11,12291,12292,12293,12296],{},"モダンブラウザ (Chrome \u002F Firefox \u002F Safari の最新版) は SVG ファビコンに対応済みです。ベクターなのでどのサイズでもシャープに表示されます。ダークモード切替にも対応できるので、2026 年は ",[34,12294,12295],{},"SVG を第一選択","にして ICO をフォールバックにする運用がおすすめです。",[26,12298,12299],{"id":12299},"不要になったもの",[42,12301,12302,12308],{},[45,12303,12304,12307],{},[54,12305,12306],{},"browserconfig.xml"," (Windows 8\u002F10 タイル用) — IE 系と一緒に役目を終えています",[45,12309,12310,12313],{},[54,12311,12312],{},"*.png"," の 70×70 \u002F 150×150 \u002F 310×310 (IE\u002FEdge Legacy 向け)",[21,12315,12317],{"id":12316},"svg-ファビコンのメリットと対応ブラウザ","SVG ファビコンのメリットと対応ブラウザ",[26,12319,12320],{"id":12320},"ダークモード自動切替",[11,12322,12323,12324,12327],{},"SVG 内に ",[54,12325,12326],{},"@media (prefers-color-scheme: dark)"," のスタイルを書くだけで、OS のダークモードに合わせて色を切り替えられます。Chrome \u002F Firefox の最新版は対応済みです。",[2212,12329,12331],{"className":2214,"code":12330,"language":2216,"meta":422,"style":422},"\u003Csvg>\n  \u003Cstyle>\n    @media (prefers-color-scheme: dark) {\n      .logo { fill: #fff; }\n    }\n  \u003C\u002Fstyle>\n  \u003Crect class=\"logo\" \u002F>\n\u003C\u002Fsvg>\n",[54,12332,12333,12342,12350,12355,12360,12365,12374,12392],{"__ignoreMap":422},[2220,12334,12335,12337,12340],{"class":2222,"line":2223},[2220,12336,2250],{"class":2249},[2220,12338,12339],{"class":2253},"svg",[2220,12341,2292],{"class":2249},[2220,12343,12344,12346,12348],{"class":2222,"line":423},[2220,12345,6026],{"class":2249},[2220,12347,2566],{"class":2253},[2220,12349,2292],{"class":2249},[2220,12351,12352],{"class":2222,"line":428},[2220,12353,12354],{"class":2249},"    @media (prefers-color-scheme: dark) {\n",[2220,12356,12357],{"class":2222,"line":2240},[2220,12358,12359],{"class":2249},"      .logo { fill: #fff; }\n",[2220,12361,12362],{"class":2222,"line":2246},[2220,12363,12364],{"class":2249},"    }\n",[2220,12366,12367,12370,12372],{"class":2222,"line":2295},[2220,12368,12369],{"class":2249},"  \u003C\u002F",[2220,12371,2566],{"class":2253},[2220,12373,2292],{"class":2249},[2220,12375,12376,12378,12381,12384,12386,12389],{"class":2222,"line":2325},[2220,12377,6026],{"class":2249},[2220,12379,12380],{"class":2253},"rect",[2220,12382,12383],{"class":2257}," class",[2220,12385,2261],{"class":2249},[2220,12387,12388],{"class":2264},"\"logo\"",[2220,12390,12391],{"class":2249}," \u002F>\n",[2220,12393,12394,12396,12398],{"class":2222,"line":2330},[2220,12395,6075],{"class":2249},[2220,12397,12339],{"class":2253},[2220,12399,2292],{"class":2249},[26,12401,12403],{"id":12402},"アニメーション-限定的","アニメーション (限定的)",[11,12405,12406,12407,12410],{},"SMIL \u002F CSS アニメーションは技術的には可能ですが、ブラウザが",[34,12408,12409],{},"アイドル時には動かさない","等の最適化を入れるケースが多く、過信は禁物です。原則は静止画として設計しましょう。",[26,12412,12413],{"id":12413},"非対応ブラウザへのフォールバック",[11,12415,12416,11603,12419,12422],{},[54,12417,12418],{},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\">",[54,12420,12421],{},"\u003Clink rel=\"alternate icon\" type=\"image\u002Fx-icon\">"," を並べておけば、対応ブラウザは SVG、非対応は ICO を使います。",[21,12424,12426],{"id":12425},"sitewebmanifest-と-pwa","site.webmanifest と PWA",[26,12428,12429],{"id":12429},"必須プロパティ",[11,12431,12432,12433,12435],{},"PWA 対応を見据えると ",[54,12434,2401],{}," を用意します。最低限の中身はこうなります。",[2212,12437,12441],{"className":12438,"code":12439,"language":12440,"meta":422,"style":422},"language-json shiki shiki-themes github-light github-dark","{\n  \"name\": \"My Site\",\n  \"short_name\": \"MySite\",\n  \"icons\": [\n    { \"src\": \"\u002Ficon-192.png\", \"sizes\": \"192x192\", \"type\": \"image\u002Fpng\" },\n    { \"src\": \"\u002Ficon-512.png\", \"sizes\": \"512x512\", \"type\": \"image\u002Fpng\" }\n  ],\n  \"theme_color\": \"#0a0a0a\",\n  \"background_color\": \"#ffffff\",\n  \"display\": \"standalone\"\n}\n","json",[54,12442,12443,12448,12462,12474,12482,12517,12548,12553,12565,12577,12587],{"__ignoreMap":422},[2220,12444,12445],{"class":2222,"line":2223},[2220,12446,12447],{"class":2249},"{\n",[2220,12449,12450,12454,12456,12459],{"class":2222,"line":423},[2220,12451,12453],{"class":12452},"sj4cs","  \"name\"",[2220,12455,8760],{"class":2249},[2220,12457,12458],{"class":2264},"\"My Site\"",[2220,12460,12461],{"class":2249},",\n",[2220,12463,12464,12467,12469,12472],{"class":2222,"line":428},[2220,12465,12466],{"class":12452},"  \"short_name\"",[2220,12468,8760],{"class":2249},[2220,12470,12471],{"class":2264},"\"MySite\"",[2220,12473,12461],{"class":2249},[2220,12475,12476,12479],{"class":2222,"line":2240},[2220,12477,12478],{"class":12452},"  \"icons\"",[2220,12480,12481],{"class":2249},": [\n",[2220,12483,12484,12487,12490,12492,12495,12497,12500,12502,12505,12507,12510,12512,12514],{"class":2222,"line":2246},[2220,12485,12486],{"class":2249},"    { ",[2220,12488,12489],{"class":12452},"\"src\"",[2220,12491,8760],{"class":2249},[2220,12493,12494],{"class":2264},"\"\u002Ficon-192.png\"",[2220,12496,1650],{"class":2249},[2220,12498,12499],{"class":12452},"\"sizes\"",[2220,12501,8760],{"class":2249},[2220,12503,12504],{"class":2264},"\"192x192\"",[2220,12506,1650],{"class":2249},[2220,12508,12509],{"class":12452},"\"type\"",[2220,12511,8760],{"class":2249},[2220,12513,2273],{"class":2264},[2220,12515,12516],{"class":2249}," },\n",[2220,12518,12519,12521,12523,12525,12528,12530,12532,12534,12537,12539,12541,12543,12545],{"class":2222,"line":2295},[2220,12520,12486],{"class":2249},[2220,12522,12489],{"class":12452},[2220,12524,8760],{"class":2249},[2220,12526,12527],{"class":2264},"\"\u002Ficon-512.png\"",[2220,12529,1650],{"class":2249},[2220,12531,12499],{"class":12452},[2220,12533,8760],{"class":2249},[2220,12535,12536],{"class":2264},"\"512x512\"",[2220,12538,1650],{"class":2249},[2220,12540,12509],{"class":12452},[2220,12542,8760],{"class":2249},[2220,12544,2273],{"class":2264},[2220,12546,12547],{"class":2249}," }\n",[2220,12549,12550],{"class":2222,"line":2325},[2220,12551,12552],{"class":2249},"  ],\n",[2220,12554,12555,12558,12560,12563],{"class":2222,"line":2330},[2220,12556,12557],{"class":12452},"  \"theme_color\"",[2220,12559,8760],{"class":2249},[2220,12561,12562],{"class":2264},"\"#0a0a0a\"",[2220,12564,12461],{"class":2249},[2220,12566,12567,12570,12572,12575],{"class":2222,"line":2336},[2220,12568,12569],{"class":12452},"  \"background_color\"",[2220,12571,8760],{"class":2249},[2220,12573,12574],{"class":2264},"\"#ffffff\"",[2220,12576,12461],{"class":2249},[2220,12578,12579,12582,12584],{"class":2222,"line":2365},[2220,12580,12581],{"class":12452},"  \"display\"",[2220,12583,8760],{"class":2249},[2220,12585,12586],{"class":2264},"\"standalone\"\n",[2220,12588,12589],{"class":2222,"line":2370},[2220,12590,12591],{"class":2249},"}\n",[26,12593,12595],{"id":12594},"ios-の癖","iOS の癖",[11,12597,12598,12599,12601],{},"iOS は ",[54,12600,12272],{}," を優先するため、webmanifest 側に icon を書いても iOS ホーム画面には適用されません。Android と iOS で別々のファイルを用意する前提で運用しましょう。",[21,12603,12605],{"id":12604},"html-に設置する正しい書き方","HTML に設置する正しい書き方",[11,12607,12608,12610],{},[54,12609,2476],{}," に並べる順序のお手本:",[2212,12612,12614],{"className":2214,"code":12613,"language":2216,"meta":422,"style":422},"\u003Clink rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">\n\u003Clink rel=\"alternate icon\" type=\"image\u002Fx-icon\" href=\"\u002Ffavicon.ico\">\n\u003Clink rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\u002Fapple-touch-icon.png\">\n\u003Clink rel=\"manifest\" href=\"\u002Fsite.webmanifest\">\n\u003Cmeta name=\"theme-color\" content=\"#0a0a0a\">\n",[54,12615,12616,12642,12671,12697,12717],{"__ignoreMap":422},[2220,12617,12618,12620,12622,12624,12626,12628,12630,12632,12634,12636,12638,12640],{"class":2222,"line":2223},[2220,12619,2250],{"class":2249},[2220,12621,2254],{"class":2253},[2220,12623,2258],{"class":2257},[2220,12625,2261],{"class":2249},[2220,12627,2265],{"class":2264},[2220,12629,2268],{"class":2257},[2220,12631,2261],{"class":2249},[2220,12633,2353],{"class":2264},[2220,12635,2284],{"class":2257},[2220,12637,2261],{"class":2249},[2220,12639,2360],{"class":2264},[2220,12641,2292],{"class":2249},[2220,12643,12644,12646,12648,12650,12652,12655,12657,12659,12662,12664,12666,12669],{"class":2222,"line":423},[2220,12645,2250],{"class":2249},[2220,12647,2254],{"class":2253},[2220,12649,2258],{"class":2257},[2220,12651,2261],{"class":2249},[2220,12653,12654],{"class":2264},"\"alternate icon\"",[2220,12656,2268],{"class":2257},[2220,12658,2261],{"class":2249},[2220,12660,12661],{"class":2264},"\"image\u002Fx-icon\"",[2220,12663,2284],{"class":2257},[2220,12665,2261],{"class":2249},[2220,12667,12668],{"class":2264},"\"\u002Ffavicon.ico\"",[2220,12670,2292],{"class":2249},[2220,12672,12673,12675,12677,12679,12681,12683,12685,12687,12689,12691,12693,12695],{"class":2222,"line":428},[2220,12674,2250],{"class":2249},[2220,12676,2254],{"class":2253},[2220,12678,2258],{"class":2257},[2220,12680,2261],{"class":2249},[2220,12682,2306],{"class":2264},[2220,12684,2276],{"class":2257},[2220,12686,2261],{"class":2249},[2220,12688,2313],{"class":2264},[2220,12690,2284],{"class":2257},[2220,12692,2261],{"class":2249},[2220,12694,2320],{"class":2264},[2220,12696,2292],{"class":2249},[2220,12698,12699,12701,12703,12705,12707,12709,12711,12713,12715],{"class":2222,"line":2240},[2220,12700,2250],{"class":2249},[2220,12702,2254],{"class":2253},[2220,12704,2258],{"class":2257},[2220,12706,2261],{"class":2249},[2220,12708,2387],{"class":2264},[2220,12710,2284],{"class":2257},[2220,12712,2261],{"class":2249},[2220,12714,2394],{"class":2264},[2220,12716,2292],{"class":2249},[2220,12718,12719,12721,12724,12727,12729,12732,12735,12737,12739],{"class":2222,"line":2246},[2220,12720,2250],{"class":2249},[2220,12722,12723],{"class":2253},"meta",[2220,12725,12726],{"class":2257}," name",[2220,12728,2261],{"class":2249},[2220,12730,12731],{"class":2264},"\"theme-color\"",[2220,12733,12734],{"class":2257}," content",[2220,12736,2261],{"class":2249},[2220,12738,12562],{"class":2264},[2220,12740,2292],{"class":2249},[26,12742,12744,12747],{"id":12743},"sizesany-の罠",[54,12745,12746],{},"sizes=\"any\""," の罠",[11,12749,12750,12752,12753,5619],{},[54,12751,12746],{}," を SVG に付けると、ブラウザが SVG を ICO より優先するようになります。基本的に意図通りですが、古い iOS で誤解される例があったため、2026 年時点では",[34,12754,12755],{},"書かないのが無難",[21,12757,12759],{"id":12758},"ファビコン生成アプローチの-3-類型と向き不向き","ファビコン生成アプローチの 3 類型と向き不向き",[26,12761,12763],{"id":12762},"アップロード型のオンライン-saas","アップロード型のオンライン SaaS",[11,12765,12766],{},"高機能で一発生成。ただしロゴ画像を一度サーバーに送ります。公開済みのロゴなら気にならないケースが多いです。",[26,12768,12770],{"id":12769},"デスクトップ-ローカルアプリ","デスクトップ \u002F ローカルアプリ",[11,12772,12773],{},"ImageMagick \u002F Sketch \u002F Figma 等。CLI や GUI で手元だけで生成できますが、セットアップが必要です。",[26,12775,12776],{"id":12776},"ブラウザ内完結型",[11,12778,12779,12780,12782,12783,12786],{},"Zerosend の ",[76,12781,2457],{"href":10782}," がこの型。",[34,12784,12785],{},"インストール不要 + 手元完結","で、NDA 下の未公開ロゴでも気兼ねなく使えます。",[26,12788,12790],{"id":12789},"nda-下未公開ブランド社内案件での選び方","NDA 下・未公開ブランド・社内案件での選び方",[11,12792,12793,12794,12796],{},"受託案件や新規ブランドの立ち上げでは、ロゴ画像の取り扱いに神経を使います。この場合は",[34,12795,12776],{},"を選ぶか、デスクトップアプリで手元処理するのが安心です。",[21,12798,12800],{"id":12799},"zerosend-でブラウザ内完結で作る手順","Zerosend でブラウザ内完結で作る手順",[11,12802,12803],{},"1 枚の PNG または SVG から、必要なファイル一式 (ICO \u002F PNG 複数サイズ \u002F apple-touch-icon \u002F site.webmanifest \u002F HTML スニペット) を ZIP で一気に生成できます。",[124,12805,12806,12811,12814,12817,12820,12823],{},[45,12807,12808,12810],{},[76,12809,10782],{"href":10782}," にアクセス",[45,12812,12813],{},"ロゴ画像をドラッグ&ドロップ (推奨: 512×512 以上の正方形)",[45,12815,12816],{},"アプリ名 \u002F theme_color \u002F background_color を入力",[45,12818,12819],{},"「ファビコン一式を生成する」",[45,12821,12822],{},"生成されたプレビューを確認し、ZIP をダウンロード",[45,12824,12825,12826,12829,12830,12832,12833,12836],{},"ZIP に同梱の ",[54,12827,12828],{},"snippet.html"," の内容を ",[54,12831,2476],{}," に貼り付け、各ファイルをサイトのルート (",[54,12834,12835],{},"\u002F",") に配置",[11,12838,12839],{},"ブラウザ内完結なので、ロゴ画像が外部に送られることはありません。",[21,12841,12842],{"id":12842},"よくある失敗",[26,12844,12846],{"id":12845},"retina-で滲む","Retina で滲む",[11,12848,12849],{},"タブで綺麗に見せるには 32×32 や 48×48 も用意する必要があります。Zerosend は 16\u002F32\u002F48 のマルチサイズ ICO を自動で作ります。",[26,12851,12853],{"id":12852},"ios-ホーム画面で余白が出る","iOS ホーム画面で余白が出る",[11,12855,12856,12858,12859,12862],{},[54,12857,12272],{}," は",[34,12860,12861],{},"背景透過に対応していません","。透過 PNG を渡すと iOS が黒背景で埋めてしまうので、背景色を明示的に塗った PNG を用意しましょう。",[26,12864,12866,12868],{"id":12865},"faviconico-だけしか指定していない",[54,12867,2104],{}," だけしか指定していない",[11,12870,12871,12872,12874],{},"モダンブラウザで SVG を使うメリットを取りこぼします。少なくとも ",[54,12873,12289],{}," は併用するのが 2026 年の標準です。",[26,12876,12877],{"id":12877},"ブラウザキャッシュが残って古いアイコンが表示される",[11,12879,12880],{},"ブラウザはファビコンを積極的にキャッシュします。差し替え後に古いアイコンのままになる時は次を試します。",[42,12882,12883,12896,12902,12913],{},[45,12884,12885,12888,12889,8059,12892,12895],{},[34,12886,12887],{},"強制リロード"," (",[54,12890,12891],{},"Ctrl+Shift+R",[54,12893,12894],{},"Cmd+Shift+R",") で再取得",[45,12897,12898,12901],{},[34,12899,12900],{},"プライベート \u002F シークレットウィンドウ"," で確認 (キャッシュを噛まない)",[45,12903,12904,12905,12908,12909,12912],{},"本番では ",[54,12906,12907],{},"\u003Clink rel=\"icon\" href=\"\u002Ffavicon.ico?v=2\">"," のように",[34,12910,12911],{},"バージョンクエリ","を付けて即時反映を促す",[45,12914,12915,12916,12919],{},"Chrome は ",[54,12917,12918],{},"chrome:\u002F\u002Ffavicon\u002Fhttps:\u002F\u002Fyour-site.com\u002F"," でブラウザが認識しているファビコンを直接確認できる",[26,12921,12923],{"id":12922},"google-検索結果にファビコンが出ない","Google 検索結果にファビコンが出ない",[11,12925,12926,12927,12930],{},"Google モバイル SERP に表示されるには ",[34,12928,12929],{},"48×48 以上のアイコンがクロール可能","であること、かつ「サイト全体を代表するアイコン」というガイドラインに沿っていることが求められます。Zerosend のファビコン生成ツールは 16\u002F32\u002F48 のマルチサイズ ICO を自動で書き出すため、この要件は満たせます。サブドメインごとに別のファビコンを設定することも可能です。",[21,12932,398],{"id":398},[11,12934,12935,12936,12939],{},"2026 年のファビコン運用は「SVG を第一選択 + ICO \u002F apple-touch-icon \u002F PWA アイコン + webmanifest」の組み合わせで完成します。1 枚の画像から一式を生成するなら、ブラウザ内で完結する ",[76,12937,12938],{"href":10782},"Zerosend のファビコン生成ツール"," が手早くておすすめです。",[11,12941,12155,12942],{},[76,12943,12945],{"href":12944},"\u002Fblog\u002Ffavicon-generator-intro","ファビコン生成ツールの舞台裏",[2566,12947,12948],{},"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);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":422,"searchDepth":423,"depth":423,"links":12950},[12951,12956,12962,12967,12971,12975,12981,12982,12990],{"id":12218,"depth":423,"text":12219,"children":12952},[12953,12955],{"id":12222,"depth":428,"text":12954},"\u003Clink> タグで参照される機能の総称",{"id":12248,"depth":428,"text":12249},{"id":12255,"depth":423,"text":12256,"children":12957},[12958,12959,12961],{"id":12259,"depth":428,"text":12260},{"id":12285,"depth":428,"text":12960},"推奨: favicon.svg",{"id":12299,"depth":428,"text":12299},{"id":12316,"depth":423,"text":12317,"children":12963},[12964,12965,12966],{"id":12320,"depth":428,"text":12320},{"id":12402,"depth":428,"text":12403},{"id":12413,"depth":428,"text":12413},{"id":12425,"depth":423,"text":12426,"children":12968},[12969,12970],{"id":12429,"depth":428,"text":12429},{"id":12594,"depth":428,"text":12595},{"id":12604,"depth":423,"text":12605,"children":12972},[12973],{"id":12743,"depth":428,"text":12974},"sizes=\"any\" の罠",{"id":12758,"depth":423,"text":12759,"children":12976},[12977,12978,12979,12980],{"id":12762,"depth":428,"text":12763},{"id":12769,"depth":428,"text":12770},{"id":12776,"depth":428,"text":12776},{"id":12789,"depth":428,"text":12790},{"id":12799,"depth":423,"text":12800},{"id":12842,"depth":423,"text":12842,"children":12983},[12984,12985,12986,12988,12989],{"id":12845,"depth":428,"text":12846},{"id":12852,"depth":428,"text":12853},{"id":12865,"depth":428,"text":12987},"favicon.ico だけしか指定していない",{"id":12877,"depth":428,"text":12877},{"id":12922,"depth":428,"text":12923},{"id":398,"depth":423,"text":398},"ファビコンのサイズは結局どれが必要? ICO と SVG の使い分けは? 2026 年時点で本当に必要なアイコンセットと、1 枚の画像からブラウザ内で一式生成できる方法を解説します。",{},"\u002Fblog\u002Ffavicon-complete-guide-2026",{"title":12207,"description":12991},"favicon-complete-guide-2026","blog\u002Ffavicon-complete-guide-2026",[2593,457,2553],"rGRV7aRcqetLpG7f7z1cHwfvIdswbm-q-bojGTxqaWs",{"id":13000,"title":13001,"author":6,"body":13002,"category":442,"coverImage":442,"description":13207,"draft":444,"extension":445,"locale":446,"meta":13208,"navigation":448,"noindex":448,"path":12944,"publishedAt":12198,"seo":13209,"slug":13210,"stem":13211,"tags":13212,"updatedAt":12198,"__hash__":13213},"blog\u002Fblog\u002Ffavicon-generator-intro.md","ブラウザだけで作るファビコン一式 — \u002Ftools\u002Ffavicon-generator の舞台裏",{"type":8,"value":13003,"toc":13196},[13004,13007,13010,13013,13016,13021,13024,13027,13069,13072,13107,13111,13118,13121,13141,13148,13150,13162,13168,13171,13174,13176,13188,13190],[21,13005,13006],{"id":13006},"ファビコンが必要な理由",[11,13008,13009],{},"ファビコンは、ブラウザのタブやブックマーク一覧でサイトを識別する小さなアイコンです。スマートフォンのホーム画面に「追加」したときに表示されるアイコン (apple-touch-icon \u002F PWA アイコン) も、ファビコン一式の一部です。「ファビコンがない」「サイズが揃っていない」といった状態は、ユーザーの信頼感を下げ、PWA 対応の妨げにもなります。",[21,13011,13012],{"id":13012},"背景",[11,13014,13015],{},"サイトのファビコンを更新する作業は、新規サイトでも既存サイトのリブランディングでも発生します。ロゴ画像 1 枚から必要なアイコンセットを揃えるのは地味に手間のかかる工程です。",[11,13017,13018,13020],{},[76,13019,12938],{"href":10782}," は、この工程をブラウザ内で完結させます。ロゴ画像を外部に送らずに一式を作成できるので、NDA 下の受託案件や未公開のブランディング作業でも安心して使えます。",[21,13022,13023],{"id":13023},"何が出力されるか",[11,13025,13026],{},"1 枚の画像 (PNG \u002F JPG \u002F WebP \u002F SVG) から次の 9 ファイルを生成し、ZIP で配布します。",[42,13028,13029,13034,13045,13050,13057,13061],{},[45,13030,13031,13033],{},[54,13032,2104],{}," — 16 \u002F 32 \u002F 48px のマルチサイズ ICO",[45,13035,13036,8059,13039,8059,13042],{},[54,13037,13038],{},"favicon-16.png",[54,13040,13041],{},"favicon-32.png",[54,13043,13044],{},"favicon-48.png",[45,13046,13047,13049],{},[54,13048,12272],{}," (180×180)",[45,13051,13052,8059,13054,13056],{},[54,13053,12278],{},[54,13055,12281],{}," (PWA)",[45,13058,13059],{},[54,13060,2401],{},[45,13062,13063,13065,13066,13068],{},[54,13064,12828],{}," — ",[54,13067,2476],{}," に貼り付ける link タグ",[21,13070,13071],{"id":13071},"使い方ステップ",[124,13073,13074,13080,13090,13096],{},[45,13075,13076,13079],{},[34,13077,13078],{},"画像を準備する"," — 正方形の PNG \u002F JPG \u002F WebP \u002F SVG を用意。最低でも 512×512px 推奨",[45,13081,13082,13065,13085,13089],{},[34,13083,13084],{},"ドロップする",[76,13086,13087],{"href":10782},[54,13088,10782],{}," を開いてドラッグ&ドロップ",[45,13091,13092,13095],{},[34,13093,13094],{},"ZIP をダウンロードする"," — ボタンを押すと 9 ファイルが入った ZIP が生成される",[45,13097,13098,13065,13101,13103,13104,13106],{},[34,13099,13100],{},"HTML に貼り付ける",[54,13102,12828],{}," の内容をサイトの ",[54,13105,2476],{}," にコピーして完了",[21,13108,13110],{"id":13109},"ico-を自前で書き出す","ICO を自前で書き出す",[11,13112,13113,13114,13117],{},"PNG は Canvas API で簡単に書き出せますが、ICO は少し工夫が必要です。とはいえ、Windows Vista 以降の ICO は ",[34,13115,13116],{},"PNG バイト列をそのまま埋め込める"," ため、意外と単純です。",[11,13119,13120],{},"構造:",[42,13122,13123,13129,13135],{},[45,13124,13125,13128],{},[34,13126,13127],{},"ICONDIR"," (6 バイト): reserved \u002F type \u002F image count",[45,13130,13131,13134],{},[34,13132,13133],{},"ICONDIRENTRY"," (16 バイト × 画像数): 幅 \u002F 高さ \u002F bpp \u002F サイズ \u002F オフセット",[45,13136,13137,13140],{},[34,13138,13139],{},"画像データ",": PNG のバイト列を順に連結",[11,13142,13143,13144,13147],{},"依存ゼロで 30 行程度に収まります。",[54,13145,13146],{},"domain\u002Fprocessors\u002FfaviconGenerator.ts"," で実装を公開しています。",[21,13149,359],{"id":359},[11,13151,13152,13155,13156,13158,13159,13161],{},[34,13153,13154],{},"Q. どのサイズが必要ですか？","\nA. 最低限は ",[54,13157,2104],{}," (16\u002F32px) と ",[54,13160,12272],{}," (180px) です。PWA 対応するなら 192px と 512px も必要です。本ツールはこれらをすべて一括生成します。",[11,13163,13164,13167],{},[34,13165,13166],{},"Q. SVG のロゴから生成できますか？","\nA. はい。SVG を入力するとブラウザ側で各サイズにラスタライズしてから ICO \u002F PNG を生成します。",[21,13169,13170],{"id":13170},"検証の楽しさ",[11,13172,13173],{},"作ったあとは DevTools の Network タブで確認できます。画像選択 → 生成 → ダウンロードの全てで、あなたのロゴが外に出ないことを自分で検証できます。",[21,13175,7900],{"id":7900},[42,13177,13178,13183],{},[45,13179,13180,13182],{},[76,13181,8358],{"href":4206}," — 入力画像が大きすぎる場合、事前に軽量化",[45,13184,13185,13187],{},[76,13186,8386],{"href":8385}," — 正方形にトリミングしてからファビコン生成すると精度が上がる",[21,13189,398],{"id":398},[11,13191,13192,13193,605],{},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F manifest \u002F HTML スニペットを、あなたの端末だけで生成できます。",[76,13194,13195],{"href":10782},"試してみてください",{"title":422,"searchDepth":423,"depth":423,"links":13197},[13198,13199,13200,13201,13202,13203,13204,13205,13206],{"id":13006,"depth":423,"text":13006},{"id":13012,"depth":423,"text":13012},{"id":13023,"depth":423,"text":13023},{"id":13071,"depth":423,"text":13071},{"id":13109,"depth":423,"text":13110},{"id":359,"depth":423,"text":359},{"id":13170,"depth":423,"text":13170},{"id":7900,"depth":423,"text":7900},{"id":398,"depth":423,"text":398},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F site.webmanifest を生成するファビコン生成ツールを公開しました。ICO フォーマットを自前で書き出す実装のポイントを紹介します。",{},{"title":13001,"description":13207},"favicon-generator-intro","blog\u002Ffavicon-generator-intro",[500,458],"PwA1cCB1rqTh-H5ofDX9xQc_YXj3c52dsMB3F9lj1XQ",{"id":13215,"title":13216,"author":6,"body":13217,"category":441,"coverImage":442,"description":13883,"draft":444,"extension":445,"locale":446,"meta":13884,"navigation":448,"noindex":444,"path":13885,"publishedAt":12198,"seo":13886,"slug":13887,"stem":13888,"tags":13889,"updatedAt":6464,"__hash__":13890},"blog\u002Fblog\u002Fheic-to-jpg-windows.md","Windows で HEIC を JPG に変換する方法3選——拡張機能・ブラウザ変換・iPhone設定を徹底比較",{"type":8,"value":13218,"toc":13848},[13219,13226,13229,13231,13235,13239,13252,13255,13259,13262,13264,13268,13271,13275,13311,13314,13334,13336,13340,13343,13345,13461,13464,13468,13483,13487,13495,13507,13512,13529,13536,13538,13542,13545,13549,13560,13566,13569,13627,13630,13632,13636,13639,13719,13722,13724,13728,13731,13734,13738,13745,13753,13764,13766,13773,13775,13777,13781,13784,13788,13791,13795,13798,13802,13805,13809,13812,13814,13816,13819,13842,13845],[11,13220,13221,13222,13225],{},"iPhone で撮った写真を Windows PC に移したとき、「このファイルを開けません」というダイアログが出て止まった経験は珍しくない。原因は ",[54,13223,13224],{},".HEIC"," という拡張子——Apple が iPhone 7 以降の標準フォーマットとして採用した高圧縮画像形式だ。Windows はデフォルトでこの形式のコーデックを持っていないため、そのままでは開けない。",[11,13227,13228],{},"この記事では、問題を解決する3つのアプローチを手順ごとに解説し、それぞれの速度・画質・プライバシー・コストを比較する。「今すぐ1枚開きたい」「100枚まとめてJPGに変換したい」「そもそも今後はJPGで撮りたい」——目的によって最適な手段が異なる。",[18,13230],{},[21,13232,13234],{"id":13233},"heic-とは何かwindows-が標準対応しない理由","HEIC とは何か——Windows が標準対応しない理由",[26,13236,13238],{"id":13237},"apple-が採用した高効率フォーマットの仕組み","Apple が採用した高効率フォーマットの仕組み",[11,13240,13241,13242,13247,13248,13251],{},"HEIC（High Efficiency Image Container）は、",[76,13243,13246],{"href":13244,"rel":13245},"https:\u002F\u002Fwww.mpeg.org\u002Fstandards\u002FMPEG-H\u002F12\u002F",[80],"MPEG グループが策定した HEIF 規格","をベースにした画像コンテナフォーマットだ。内部的には H.265（HEVC）コーデックを使い、JPG と同等の画質を",[34,13249,13250],{},"約半分のファイルサイズ","で保存できる。iPhone のストレージ容量を節約するために、iOS 11 \u002F iPhone 7 以降でデフォルト設定に採用されている。",[11,13253,13254],{},"技術的な特徴として、1ファイルに複数フレームを収める「バースト撮影」や深度マップ、HDR 情報も格納できる点がある。JPG にはない表現力を持つ一方で、普及率はまだ限定的だ。",[26,13256,13258],{"id":13257},"windows-が標準対応しない背景","Windows が標準対応しない背景",[11,13260,13261],{},"HEVC（H.265）のコーデックは特許ライセンス料が発生する。そのため Microsoft は Windows に HEVC デコーダーを標準バンドルしておらず、ユーザーは別途インストールが必要になる。macOS や iOS は Apple がライセンス取得済みのため標準対応しているが、Windows では「フォト」アプリを含むほとんどのビューアーが、追加拡張機能なしには HEIC を表示できない。",[18,13263],{},[21,13265,13267],{"id":13266},"方法1microsoft-store-の-heif-hevc-拡張機能をインストールする","方法1：Microsoft Store の HEIF \u002F HEVC 拡張機能をインストールする",[11,13269,13270],{},"Windows のネイティブ機能として HEIC を扱えるようにする方法。インストール後は「フォト」アプリや Windows エクスプローラーのサムネイルが有効になる。",[26,13272,13274],{"id":13273},"インストール手順windows-10-11-共通","インストール手順（Windows 10 \u002F 11 共通）",[124,13276,13277,13283,13290,13308],{},[45,13278,13279,13280,7770],{},"スタートメニューから ",[34,13281,13282],{},"Microsoft Store",[45,13284,13285,13286,13289],{},"検索欄に「HEIF 画像拡張機能」と入力し、",[34,13287,13288],{},"Microsoft Corporation"," 製のものをインストール（無料）",[45,13291,13292,13293],{},"同様に「HEVC ビデオ拡張機能」を検索してインストールする\n",[42,13294,13295,13301],{},[45,13296,13297,13298,13300],{},"公式の「HEVC ビデオ拡張機能（デバイス製造元から）」は ",[34,13299,541],{},"だが、検索結果に表示されないことがある。URLを直接開く方法が確実",[45,13302,13303,13304,13307],{},"「HEVC ビデオ拡張機能」（製造元なし）は ",[34,13305,13306],{},"約120円","の有料版が表示される場合がある",[45,13309,13310],{},"再起動不要。インストール後すぐにHEICファイルをダブルクリックで開ける",[26,13312,13313],{"id":13313},"この方法の限界",[42,13315,13316,13322,13328],{},[45,13317,13318,13321],{},[34,13319,13320],{},"変換は行わない","：あくまで「開く」だけで、JPGとして保存・送信するには別途操作が必要",[45,13323,13324,13327],{},[34,13325,13326],{},"サードパーティソフトには効かない","：Adobe Photoshop Elements の古いバージョンやサードパーティの画像編集ソフトは、Windows の拡張機能に依存しないため、別途プラグインが必要な場合がある",[45,13329,13330,13333],{},[34,13331,13332],{},"Store のポリシー変更","：過去に有料化・無料化を繰り返した経緯があり、現時点での料金は必ず Store 画面で確認すること",[18,13335],{},[21,13337,13339],{"id":13338},"方法2ブラウザ内変換ツールで-heic-jpg-に変換する","方法2：ブラウザ内変換ツールで HEIC → JPG に変換する",[11,13341,13342],{},"「変換してJPGとして保存・送付したい」なら、オンラインツールまたはブラウザ内ツールを使う。ここではプライバシーと利便性の両面から検討する。",[26,13344,4726],{"id":4726},[175,13346,13347,13363],{},[178,13348,13349],{},[181,13350,13351,13353,13355,13357,13359,13361],{},[184,13352,500],{},[184,13354,1205],{},[184,13356,503],{},[184,13358,6116],{},[184,13360,3895],{},[184,13362,5388],{},[197,13364,13365,13394,13411,13427,13443],{},[181,13366,13367,13371,13375,13380,13384,13389],{},[202,13368,13369],{},[34,13370,6129],{},[202,13372,13373],{},[34,13374,9644],{},[202,13376,13377],{},[34,13378,13379],{},"ブラウザ内 WASM",[202,13381,13382],{},[34,13383,952],{},[202,13385,13386],{},[34,13387,13388],{},"○（Service Worker）",[202,13390,13391],{},[34,13392,13393],{},"○（ZIP出力）",[181,13395,13396,13398,13400,13403,13406,13408],{},[202,13397,4752],{},[202,13399,5399],{},[202,13401,13402],{},"サーバー側",[202,13404,13405],{},"1日2回まで",[202,13407,3900],{},[202,13409,13410],{},"△（Pro のみ）",[181,13412,13413,13415,13418,13420,13423,13425],{},[202,13414,4768],{},[202,13416,13417],{},"あり（スペインサーバー）",[202,13419,13402],{},[202,13421,13422],{},"1日制限あり",[202,13424,3900],{},[202,13426,248],{},[181,13428,13429,13432,13434,13436,13439,13441],{},[202,13430,13431],{},"HEICtoJPEG.com",[202,13433,947],{},[202,13435,13402],{},[202,13437,13438],{},"無料（広告）",[202,13440,3900],{},[202,13442,248],{},[181,13444,13445,13448,13451,13453,13456,13458],{},[202,13446,13447],{},"TinyPNG（変換機能）",[202,13449,13450],{},"あり（AWS）",[202,13452,13402],{},[202,13454,13455],{},"20枚\u002F回",[202,13457,3900],{},[202,13459,13460],{},"△",[11,13462,13463],{},"サーバー送信があるツールは、ファイルが一時的に外部ストレージに保存されるリスクを伴う。利用規約上は削除されると記載されていても、転送経路での傍受リスクはゼロにはならない。家族写真や顔が写り込んだ業務資料を変換する場合、この違いは無視できない。",[26,13465,13467],{"id":13466},"zerosend-を使った手順","zerosend を使った手順",[124,13469,13470,13475,13478,13480],{},[45,13471,13472,1044],{},[76,13473,13474],{"href":3166},"zerosend HEIC → JPG 変換",[45,13476,13477],{},"HEICファイルをドラッグ&ドロップ、または「ファイルを選択」でフォルダから選ぶ（複数選択可）",[45,13479,5482],{},[45,13481,13482],{},"変換完了後、1枚なら直接JPGをダウンロード、複数枚なら ZIPファイルでまとめてダウンロード",[26,13484,13486],{"id":13485},"技術的な仕組みなぜサーバーに送らずに変換できるのか","技術的な仕組み——なぜサーバーに送らずに変換できるのか",[11,13488,13489,13490,13494],{},"zerosend は ",[76,13491,8273],{"href":13492,"rel":13493},"https:\u002F\u002Fgithub.com\u002Falexcorvi\u002Fheic2any",[80],"（libheif の WebAssembly ビルド）を使用している。libheif はオープンソースの HEIF\u002FHEIC デコードライブラリで、それを WASM にコンパイルすることでブラウザのサンドボックス内で直接実行できる。変換処理は Web Worker 上で走るため、UIスレッドをブロックせず、大量ファイル処理中もブラウザが固まらない。",[13496,13497,13498],"blockquote",{},[11,13499,13500,13501,13506],{},"WebAssembly の実行モデルについては ",[76,13502,13505],{"href":13503,"rel":13504},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fja\u002Fdocs\u002FWebAssembly\u002FConcepts",[80],"MDN Web Docs — WebAssembly の概念"," に詳しい説明がある。",[11,13508,13509],{},[34,13510,13511],{},"通信ゼロを自分で確認する方法：",[124,13513,13514,13520,13523,13526],{},[45,13515,13516,13517,13519],{},"Chrome \u002F Edge で ",[54,13518,6280],{}," を押して DevTools を開く",[45,13521,13522],{},"「Network」タブを選択し、「すべてクリア」ボタンを押す",[45,13524,13525],{},"zerosend の変換ツールにファイルをドロップして変換を実行する",[45,13527,13528],{},"Network タブを確認——HEICファイルのアップロード通信は一切記録されない",[11,13530,13531,13532,13535],{},"変換後にキャッシュが Service Worker に保存されるため、次回以降は",[34,13533,13534],{},"オフライン（機内モード）でも動作する","。Wi-Fiがない環境での作業や、セキュリティ上インターネット接続を切りたい場面でも利用できる。",[18,13537],{},[21,13539,13541],{"id":13540},"方法3iphone-側で互換性優先に設定変更する","方法3：iPhone 側で「互換性優先」に設定変更する",[11,13543,13544],{},"根本的な解決策として、そもそも HEIC で撮影しないよう iPhone の設定を変える方法がある。",[26,13546,13548],{"id":13547},"設定手順ios","設定手順（iOS）",[124,13550,13551,13554,13557],{},[45,13552,13553],{},"「設定」アプリを開く",[45,13555,13556],{},"「カメラ」→「フォーマット」を選択",[45,13558,13559],{},"「高効率」から**「互換性優先」**に変更",[11,13561,13562,13563,13565],{},"以降に撮影した写真は ",[54,13564,8299],{}," として保存される。Airdrop や USB転送したときに Windows で即座に開ける。",[26,13567,13568],{"id":13568},"トレードオフ",[175,13570,13571,13583],{},[178,13572,13573],{},[181,13574,13575,13577,13580],{},[184,13576,186],{},[184,13578,13579],{},"高効率（HEIC）",[184,13581,13582],{},"互換性優先（JPG）",[197,13584,13585,13596,13607,13618],{},[181,13586,13587,13590,13593],{},[202,13588,13589],{},"ファイルサイズ",[202,13591,13592],{},"小さい（基準）",[202,13594,13595],{},"1.5〜2倍",[181,13597,13598,13601,13604],{},[202,13599,13600],{},"Windows 互換性",[202,13602,13603],{},"要対応",[202,13605,13606],{},"即座に開ける",[181,13608,13609,13612,13615],{},[202,13610,13611],{},"画質",[202,13613,13614],{},"同等〜やや良好",[202,13616,13617],{},"同等",[181,13619,13620,13623,13625],{},[202,13621,13622],{},"変換作業",[202,13624,1852],{},[202,13626,1250],{},[11,13628,13629],{},"iPhone ストレージが64GB以下、または写真を大量に撮るユーザーにとっては、JPG に切り替えると容量不足が顕在化しやすい。ストレージに余裕があり、「Windows との互換性を毎回気にしたくない」場合に有効な設定だ。",[18,13631],{},[21,13633,13635],{"id":13634},"用途別どの方法を選ぶべきか","用途別・どの方法を選ぶべきか",[26,13637,13638],{"id":13638},"シーン別おすすめ早見表",[175,13640,13641,13654],{},[178,13642,13643],{},[181,13644,13645,13648,13651],{},[184,13646,13647],{},"シーン",[184,13649,13650],{},"おすすめ",[184,13652,13653],{},"理由",[197,13655,13656,13667,13678,13688,13699,13709],{},[181,13657,13658,13661,13664],{},[202,13659,13660],{},"1〜2枚を今すぐ開きたいだけ",[202,13662,13663],{},"方法1（拡張機能）",[202,13665,13666],{},"インストール後は変換不要、一番手間が少ない",[181,13668,13669,13672,13675],{},[202,13670,13671],{},"10枚以上をまとめてJPG化したい",[202,13673,13674],{},"方法2（zerosend）",[202,13676,13677],{},"一括処理・ZIP出力に対応",[181,13679,13680,13683,13685],{},[202,13681,13682],{},"プライバシーが気になる写真を変換",[202,13684,13674],{},[202,13686,13687],{},"ファイルが外部に出ない",[181,13689,13690,13693,13696],{},[202,13691,13692],{},"今後撮る写真を全てJPGにしたい",[202,13694,13695],{},"方法3（iPhone設定）",[202,13697,13698],{},"根本解決、変換作業が不要になる",[181,13700,13701,13704,13706],{},[202,13702,13703],{},"業務で取引先にJPGで納品する",[202,13705,13674],{},[202,13707,13708],{},"確実にJPG化、EXIF削除も可能",[181,13710,13711,13714,13716],{},[202,13712,13713],{},"オフライン環境で作業したい",[202,13715,13674],{},[202,13717,13718],{},"Service Worker キャッシュで動作",[11,13720,13721],{},"方法2と方法3を組み合わせる運用も実用的だ。「過去に撮った大量のHEICはzerorendで一括変換、今後の撮影はJPG設定に変更」という流れで、過去・未来の両方を一度に片付けられる。",[18,13723],{},[21,13725,13727],{"id":13726},"画質exifファイルサイズに関する技術的な補足","画質・EXIF・ファイルサイズに関する技術的な補足",[26,13729,13730],{"id":13730},"画質の劣化はどの程度か",[11,13732,13733],{},"HEIC → JPG の変換は、2段階の非可逆圧縮を経ることになる。完全に劣化ゼロとはならないが、変換品質を適切に設定すれば肉眼での判別は困難なレベルに抑えられる。zerosend は変換品質 92% を採用しており、写真印刷やSNS掲載用途で品質上の問題が生じることはほぼない。ピクセルレベルの精度が求められるプロフェッショナル用途（印刷物の色校正など）では、方法1で元ファイルをそのまま保持することを検討する。",[26,13735,13737],{"id":13736},"exif-データ撮影日時位置情報の扱い","EXIF データ（撮影日時・位置情報）の扱い",[11,13739,13740,13741,13744],{},"iPhone の HEIC ファイルには EXIF メタデータとして撮影日時、GPS座標、カメラモデル名などが含まれている。zerosend は変換時に",[34,13742,13743],{},"EXIF を自動削除","する。これはプライバシー保護の観点から意図的な仕様だ。",[42,13746,13747,13750],{},[45,13748,13749],{},"撮影日時やカメラ情報を残したい場合：方法1の拡張機能で開き、「フォト」アプリから「名前を付けて保存」→JPGを選択する方法が確実",[45,13751,13752],{},"位置情報を含むまま渡したくない場合：zerosend の自動削除が有効に働く",[13496,13754,13755],{},[11,13756,13757,13758,13763],{},"EXIF \u002F IPTC の仕様については ",[76,13759,13762],{"href":13760,"rel":13761},"https:\u002F\u002Fwww.exif.org\u002FExif2-2.PDF",[80],"Exif.org の公式ドキュメント"," を参照。",[26,13765,8354],{"id":8354},[11,13767,13768,13769,13772],{},"HEIC → JPG（品質92%）の変換では、一般的にファイルサイズが",[34,13770,13771],{},"1.3〜1.8倍程度","に増える。これはJPGの圧縮効率がHEICより低いためで、避けられない。特に大量の写真を変換してクラウドストレージに保存する場合は、容量への影響を事前に試算しておくと良い。",[18,13774],{},[21,13776,359],{"id":359},[26,13778,13780],{"id":13779},"q1-heic-のまま-windows-のフォトアプリで開く方法はないか","Q1. HEIC のまま Windows の「フォト」アプリで開く方法はないか",[11,13782,13783],{},"Microsoft Store で「HEIF 画像拡張機能」をインストールすれば、フォトアプリで直接開ける（方法1）。変換不要でファイルはそのまま維持できる。ただし他のソフトで編集したい場合は、別途変換が必要になることが多い。",[26,13785,13787],{"id":13786},"q2-複数フォルダにまたがる大量の-heic-を一括変換できるか","Q2. 複数フォルダにまたがる大量の HEIC を一括変換できるか",[11,13789,13790],{},"zerosend はブラウザ上でのドラッグ&ドロップ操作のため、フォルダをまたいだファイルを一度にまとめて選択して変換できる。100枚単位の処理も問題ないが、処理速度はPCのスペック（特にRAM）に依存する。1,000枚単位の大量変換は、ブラウザのメモリ上限に当たる場合があるため、数百枚ごとに分割することを推奨する。",[26,13792,13794],{"id":13793},"q3-android-スマートフォンでも-heic-は発生するか","Q3. Android スマートフォンでも HEIC は発生するか",[11,13796,13797],{},"Apple製品以外でも、一部のAndroidカメラアプリがHEIC撮影に対応しはじめている。ただし現時点では圧倒的にiPhone由来のHEICが多い。Android同士のやり取りでは問題になりにくいが、AndroidからWindowsへの転送時にも同様の問題が起きうる。解決手段は同じ。",[26,13799,13801],{"id":13800},"q4-変換後のjpgをそのままメールやlineで送れるか","Q4. 変換後のJPGをそのままメールやLINEで送れるか",[11,13803,13804],{},"変換後にダウンロードしたJPGファイルは通常のJPGと完全に同じ扱いで使える。メール添付・LINEのファイル送信・Googleフォトへのアップロードなど、JPGが使えるあらゆる場面で問題なく利用できる。",[26,13806,13808],{"id":13807},"q5-zerosend-以外のブラウザ内変換ツールはないか","Q5. zerosend 以外のブラウザ内変換ツールはないか",[11,13810,13811],{},"ブラウザ内完結型（サーバー送信なし）の HEIC変換ツールは現時点では少ない。多くの「無料オンライン変換ツール」はUIこそブラウザだが処理はサーバーサイドで行われる。利用前にプライバシーポリシーとDevToolsのNetworkタブで確認することを推奨する。",[18,13813],{},[21,13815,398],{"id":398},[11,13817,13818],{},"Windows で HEIC を扱う問題は、目的に応じた3つのアプローチで解決できる。",[42,13820,13821,13827,13836],{},[45,13822,13823,13826],{},[34,13824,13825],{},"今すぐ開きたい・インストール許容","：Microsoft Store の HEIF\u002FHEVC 拡張機能",[45,13828,13829,2497,13832,13835],{},[34,13830,13831],{},"JPGに変換して使いたい・プライバシー重視",[76,13833,13834],{"href":3166},"zerosend の HEIC → JPG 変換","（ブラウザ内処理、サーバー送信ゼロ）",[45,13837,13838,13841],{},[34,13839,13840],{},"今後の手間をなくしたい","：iPhone のカメラ設定を「互換性優先」に変更",[11,13843,13844],{},"家族写真や個人の顔が写り込んだ写真をサーバーに送信する変換サービスを使うことへの違和感は合理的だ。zerosend は heic2any（libheif の WASM ビルド）をブラウザ内で実行することで、ファイルを一切外部に送らずに変換する。初回読み込み後は Service Worker によりオフラインでも動作するため、ネットワーク環境を問わず使える。",[11,13846,13847],{},"具体的な作業が発生したタイミングで、この記事の該当セクションに戻ってくれば手順どおりに進められるはずだ。",{"title":422,"searchDepth":423,"depth":423,"links":13849},[13850,13854,13858,13863,13867,13870,13875,13882],{"id":13233,"depth":423,"text":13234,"children":13851},[13852,13853],{"id":13237,"depth":428,"text":13238},{"id":13257,"depth":428,"text":13258},{"id":13266,"depth":423,"text":13267,"children":13855},[13856,13857],{"id":13273,"depth":428,"text":13274},{"id":13313,"depth":428,"text":13313},{"id":13338,"depth":423,"text":13339,"children":13859},[13860,13861,13862],{"id":4726,"depth":428,"text":4726},{"id":13466,"depth":428,"text":13467},{"id":13485,"depth":428,"text":13486},{"id":13540,"depth":423,"text":13541,"children":13864},[13865,13866],{"id":13547,"depth":428,"text":13548},{"id":13568,"depth":428,"text":13568},{"id":13634,"depth":423,"text":13635,"children":13868},[13869],{"id":13638,"depth":428,"text":13638},{"id":13726,"depth":423,"text":13727,"children":13871},[13872,13873,13874],{"id":13730,"depth":428,"text":13730},{"id":13736,"depth":428,"text":13737},{"id":8354,"depth":428,"text":8354},{"id":359,"depth":423,"text":359,"children":13876},[13877,13878,13879,13880,13881],{"id":13779,"depth":428,"text":13780},{"id":13786,"depth":428,"text":13787},{"id":13793,"depth":428,"text":13794},{"id":13800,"depth":428,"text":13801},{"id":13807,"depth":428,"text":13808},{"id":398,"depth":423,"text":398},"HEIC が Windows で開けない原因と、Microsoft Store 拡張機能・ブラウザ内変換・iPhone 設定変更の3手順を図解。プライバシー・速度・画質を軸に用途別おすすめを解説。",{},"\u002Fblog\u002Fheic-to-jpg-windows",{"title":13216,"description":13883},"heic-to-jpg-windows","blog\u002Fheic-to-jpg-windows",[2942,1743,5510],"Jlt04GaADo2b5I9NH0fDIKetyQIwBZTuUR3CLn6WdKk",{"id":13892,"title":13893,"author":6,"body":13894,"category":441,"coverImage":442,"description":14648,"draft":444,"extension":445,"locale":446,"meta":14649,"navigation":448,"noindex":444,"path":14650,"publishedAt":12198,"seo":14651,"slug":14652,"stem":14653,"tags":14654,"updatedAt":6464,"__hash__":14655},"blog\u002Fblog\u002Fimage-compress-guide.md","画像圧縮で画質を保つ完全ガイド2026 — 品質85%の黄金点からブラウザ完結処理まで",{"type":8,"value":13895,"toc":14607},[13896,13905,13908,13910,13914,13918,13927,13930,13934,13937,13941,13944,13946,13950,13954,14018,14021,14025,14032,14035,14044,14047,14053,14059,14061,14064,14068,14075,14078,14181,14184,14188,14191,14197,14204,14208,14215,14219,14226,14230,14233,14235,14238,14241,14244,14379,14382,14385,14392,14416,14423,14425,14429,14440,14442,14466,14468,14471,14473,14475,14479,14487,14490,14497,14501,14508,14511,14514,14516,14518,14522,14528,14532,14535,14539,14542,14546,14549,14553,14562,14564,14566,14569,14600],[11,13897,13898,13899,13904],{},"Web ページが重くなる原因の第1位は画像である。Google の ",[76,13900,13903],{"href":13901,"rel":13902},"https:\u002F\u002Falmanac.httparchive.org\u002Fja\u002F2023\u002Fpage-weight",[80],"Web Almanac 2023"," によれば、ページあたりの転送量の中央値の約 50% を画像が占める。表示速度の改善もプライバシーの確保も、圧縮の基礎を正しく理解するところから始まる。",[11,13906,13907],{},"本記事では「どの設定で圧縮するか」「どのフォーマットを選ぶか」「どのツールが安全か」の3点を実証的に整理する。ツール選定は後半で行い、前半は仕組みの解説に徹する。",[18,13909],{},[21,13911,13913],{"id":13912},"なぜ画像圧縮が収益seouxに直結するのか","なぜ画像圧縮が収益・SEO・UXに直結するのか",[26,13915,13917],{"id":13916},"core-web-vitals-と-lcp-の関係","Core Web Vitals と LCP の関係",[11,13919,13920,13921,13924,13925,5923],{},"Google の検索品質アルゴリズムは ",[76,13922,6463],{"href":7207,"rel":13923},[80]," を正式な順位シグナルとして使用している。LCP（Largest Contentful Paint）は「画面内で最大のコンテンツが表示されるまでの時間」を計測し、推奨値は ",[34,13926,5957],{},[11,13928,13929],{},"遅延の最大要因は未圧縮の画像である。4K スマホカメラで撮影した JPEG はそのままだと 6〜12 MB になる。モバイル回線（下り実効 10 Mbps 程度）では1枚で転送に 5〜12 秒かかる計算だ。圧縮して 200 KB に抑えると、同じ回線で 0.16 秒に短縮できる。",[26,13931,13933],{"id":13932},"ストレージcdn-コストの累積","ストレージ・CDN コストの累積",[11,13935,13936],{},"画像 1 枚を節約する効果は小さく見えるが、PV が積み上がると転送コストに直接影響する。月 100 万 PV のサイトで 1 枚あたり 1 MB を 200 KB に削減した場合、月間転送量を 800 GB 節約できる計算になる。",[26,13938,13940],{"id":13939},"プライバシーリスクexif-メタデータ","プライバシーリスク：EXIF メタデータ",[11,13942,13943],{},"スマートフォンで撮影した写真には EXIF データが埋め込まれており、撮影日時・GPS 座標・端末機種などが記録されている。企業の社内資料や個人の写真をそのまま Web にアップすると、位置情報が意図せず公開されるリスクがある。圧縮処理の際に EXIF を除去することは、容量削減と同時にプライバシー保護にもなる。",[18,13945],{},[21,13947,13949],{"id":13948},"画像フォーマットの選び方jpgpngwebpavif","画像フォーマットの選び方：JPG・PNG・WebP・AVIF",[26,13951,13953],{"id":13952},"jpg-と-png-の使い分け原則","JPG と PNG の使い分け原則",[175,13955,13956,13970],{},[178,13957,13958],{},[181,13959,13960,13962,13965,13967],{},[184,13961,3603],{},[184,13963,13964],{},"向いている用途",[184,13966,875],{},[184,13968,13969],{},"透過",[197,13971,13972,13984,13995,14006],{},[181,13973,13974,13977,13980,13982],{},[202,13975,13976],{},"JPG",[202,13978,13979],{},"写真・グラデーション",[202,13981,878],{},[202,13983,220],{},[181,13985,13986,13988,13991,13993],{},[202,13987,2547],{},[202,13989,13990],{},"ロゴ・スクリーンショット・透過",[202,13992,4430],{},[202,13994,223],{},[181,13996,13997,13999,14002,14004],{},[202,13998,4419],{},[202,14000,14001],{},"写真・イラスト両方",[202,14003,4433],{},[202,14005,223],{},[181,14007,14008,14010,14013,14016],{},[202,14009,8514],{},[202,14011,14012],{},"写真・高効率配信",[202,14014,14015],{},"非可逆・可逆",[202,14017,223],{},[11,14019,14020],{},"写真を PNG で保存するのは最も多い初歩的ミスで、JPG 比で 5〜10 倍の容量になりやすい。ロゴやテキスト入り画像を JPG にすると、輪郭のギザギザ（JPEG アーティファクト）が発生する。",[26,14022,14024],{"id":14023},"webp-と-avif-の現在地2026年時点","WebP と AVIF の現在地（2026年時点）",[11,14026,14027,14031],{},[76,14028,14030],{"href":7354,"rel":14029},[80],"MDN Web Docs の WebP ブラウザ互換表"," によると、WebP は 2026 年現在で全主要ブラウザの最新版で対応済みである。Edge Legacy など古い環境への対応が必要でなければ、WebP を第一選択肢にして問題ない。",[11,14033,14034],{},"AVIF は JPG より 30〜50% 小さい容量を実現できるが、エンコード処理が重く、古いデバイスでは表示が遅くなる場合がある。対応状況は Chrome・Firefox・Safari で概ね揃っているが、業務用イントラや特定企業環境では注意が必要だ。",[11,14036,14037,14039,14040,14043],{},[54,14038,6006],{}," 要素の ",[54,14041,14042],{},"srcset"," を使えば、対応ブラウザには AVIF を、非対応ブラウザには WebP または JPG を自動配信できる。",[26,14045,14046],{"id":14046},"可逆圧縮と非可逆圧縮の選択基準",[11,14048,14049,14052],{},[34,14050,14051],{},"可逆（lossless）"," はファイルを展開すれば元データと完全に一致する。PNG がその代表例で、ロゴや図版など「1 ピクセルも変えたくない」素材に適している。",[11,14054,14055,14058],{},[34,14056,14057],{},"非可逆（lossy）"," は人間の視覚が感知しにくい情報を捨てることで大幅な容量削減を実現する。JPG・WebP lossy・AVIF がこれに当たる。Web 配信用の写真は非可逆で十分だ。",[18,14060],{},[21,14062,14063],{"id":14063},"画質を保ったまま圧縮する5つの実践的コツ",[26,14065,14067],{"id":14066},"コツ1品質-8085-が最適点","コツ1：品質 80〜85% が最適点",[11,14069,14070,14071,14074],{},"JPG の品質設定は 100% である必要はなく、",[34,14072,14073],{},"85% が最適点"," である。視覚的に差がほぼ分からないにもかかわらず、ファイルサイズは 100% 比で約 40% に減少する。",[11,14076,14077],{},"以下は品質設定と容量・画質の関係を示した実測ベースの目安だ。",[175,14079,14080,14095],{},[178,14081,14082],{},[181,14083,14084,14086,14089,14092],{},[184,14085,6884],{},[184,14087,14088],{},"体感画質",[184,14090,14091],{},"元画像比サイズ",[184,14093,14094],{},"推奨用途",[197,14096,14097,14110,14123,14139,14153,14167],{},[181,14098,14099,14102,14105,14107],{},[202,14100,14101],{},"100%",[202,14103,14104],{},"最高",[202,14106,14101],{},[202,14108,14109],{},"原本保存のみ",[181,14111,14112,14115,14117,14120],{},[202,14113,14114],{},"95%",[202,14116,14104],{},[202,14118,14119],{},"約70%",[202,14121,14122],{},"印刷・高品質配信",[181,14124,14125,14128,14131,14134],{},[202,14126,14127],{},"85%",[202,14129,14130],{},"ほぼ最高",[202,14132,14133],{},"約40%",[202,14135,14136],{},[34,14137,14138],{},"Web 配信の黄金点",[181,14140,14141,14144,14147,14150],{},[202,14142,14143],{},"75%",[202,14145,14146],{},"良好",[202,14148,14149],{},"約30%",[202,14151,14152],{},"軽量化優先",[181,14154,14155,14158,14161,14164],{},[202,14156,14157],{},"60%",[202,14159,14160],{},"ノイズが見え始める",[202,14162,14163],{},"約22%",[202,14165,14166],{},"サムネイル等",[181,14168,14169,14172,14175,14178],{},[202,14170,14171],{},"40%",[202,14173,14174],{},"明確に劣化",[202,14176,14177],{},"約15%",[202,14179,14180],{},"非推奨",[11,14182,14183],{},"85% より上は容量削減効率が急落し、75% 以下は輪郭にブロックノイズが発生し始める。この「85% の黄金点」は Google の PageSpeed Insights が推奨する水準とも一致している。",[26,14185,14187],{"id":14186},"コツ2リサイズは圧縮より先に行う","コツ2：リサイズは圧縮より先に行う",[11,14189,14190],{},"「圧縮前にピクセル数を表示サイズに合わせる」は、品質と容量の両立において圧縮設定の調整より効果が大きい。",[11,14192,14193,14194,14196],{},"3,000px 幅の写真を 300px で表示するページに置くと、ダウンロードされるのは 3,000px の高解像度データであり、ブラウザが表示時に縮小するだけだ。無駄な転送が発生している。",[76,14195,5854],{"href":8385}," で先に縮小してから圧縮する手順を徹底すること。",[11,14198,14199,14200,14203],{},"なお、元画像より ",[34,14201,14202],{},"大きく拡大しても画質は上がらない","。補間処理でぼやけるだけで情報量は増えないため、リサイズは縮小方向にのみ使う。",[26,14205,14207],{"id":14206},"コツ3exif-メタデータを除去する","コツ3：EXIF メタデータを除去する",[11,14209,14210,14211,14214],{},"前述のプライバシーリスクに加え、EXIF は数 KB〜数十 KB のオーバーヘッドになる。多くの圧縮ツールは EXIF 除去をオプションとして提供しているが、",[34,14212,14213],{},"デフォルトでオフ"," のものも多い。除去設定を確認してから処理することを習慣にする。",[26,14216,14218],{"id":14217},"コツ4非可逆圧縮を繰り返さない","コツ4：非可逆圧縮を繰り返さない",[11,14220,14221,14222,14225],{},"JPG の非可逆圧縮は「元画像 → 圧縮済み JPG」の処理ごとに画質が劣化する。一度圧縮した JPG を再度読み込んで再圧縮すると、劣化が積み重なる。必ず ",[34,14223,14224],{},"元画像（RAW または高品質 JPG）から 1 回だけ"," 圧縮する運用にする。",[26,14227,14229],{"id":14228},"コツ5重要な画像は目視で差分確認する","コツ5：重要な画像は目視で差分確認する",[11,14231,14232],{},"アイキャッチ・製品写真・プレゼン図版など視覚的品質が重要な画像は、圧縮前後の比較確認を行う。多くのツールは圧縮前後を並べて表示するプレビュー機能を持つ。自動バッチ処理に任せると過剰圧縮が見落とされることがある。",[18,14234],{},[21,14236,14237],{"id":14237},"オンライン画像圧縮ツールの比較",[26,14239,14240],{"id":14240},"主要ツール比較表",[11,14242,14243],{},"以下は 2026 年時点での主要な画像圧縮ツールの比較だ。",[175,14245,14246,14266],{},[178,14247,14248],{},[181,14249,14250,14252,14254,14257,14259,14261,14264],{},[184,14251,500],{},[184,14253,1205],{},[184,14255,14256],{},"処理方式",[184,14258,4029],{},[184,14260,7463],{},[184,14262,14263],{},"EXIF 除去",[184,14265,3895],{},[197,14267,14268,14293,14310,14329,14347,14363],{},[181,14269,14270,14275,14280,14283,14285,14287,14290],{},[202,14271,14272],{},[34,14273,14274],{},"Zerosend",[202,14276,14277],{},[34,14278,14279],{},"なし（ブラウザ完結）",[202,14281,14282],{},"Web Worker + browser-image-compression",[202,14284,5449],{},[202,14286,248],{},[202,14288,14289],{},"○（デフォルト有効）",[202,14291,14292],{},"○（SW キャッシュ）",[181,14294,14295,14297,14299,14301,14303,14306,14308],{},[202,14296,4061],{},[202,14298,14279],{},[202,14300,7544],{},[202,14302,5449],{},[202,14304,14305],{},"△（1枚ずつ）",[202,14307,248],{},[202,14309,248],{},[181,14311,14312,14314,14317,14319,14322,14325,14327],{},[202,14313,4042],{},[202,14315,14316],{},"PNG\u002FJPG をサーバーに送信",[202,14318,4045],{},[202,14320,14321],{},"月20枚",[202,14323,14324],{},"○（API）",[202,14326,13460],{},[202,14328,3900],{},[181,14330,14331,14333,14336,14338,14341,14343,14345],{},[202,14332,4752],{},[202,14334,14335],{},"サーバーに送信",[202,14337,4045],{},[202,14339,14340],{},"日2回",[202,14342,248],{},[202,14344,13460],{},[202,14346,3900],{},[181,14348,14349,14351,14353,14355,14357,14359,14361],{},[202,14350,4768],{},[202,14352,14335],{},[202,14354,4045],{},[202,14356,1244],{},[202,14358,248],{},[202,14360,13460],{},[202,14362,3900],{},[181,14364,14365,14367,14369,14371,14373,14375,14377],{},[202,14366,5082],{},[202,14368,14335],{},[202,14370,4045],{},[202,14372,1244],{},[202,14374,13460],{},[202,14376,13460],{},[202,14378,3900],{},[11,14380,14381],{},"TinyPNG や Smallpdf は高品質なサービスだが、ファイルを一度クラウドサーバーに送信する設計であるため、機密性の高い画像（社内資料・個人情報を含む写真など）には適さない。",[26,14383,14384],{"id":14384},"サーバー送信有無を自分で確認する方法",[11,14386,14387,14388,14391],{},"ツールの説明を信頼するだけでなく、",[34,14389,14390],{},"DevTools の Network タブで実際に確認する"," のが確実だ。",[124,14393,14394,14397,14407,14410,14413],{},[45,14395,14396],{},"圧縮ツールのページを開く",[45,14398,14399,14400,14402,14403,14406],{},"ブラウザの DevTools を起動（Windows: ",[54,14401,6280],{},"、Mac: ",[54,14404,14405],{},"Cmd + Option + I","）",[45,14408,14409],{},"「Network」タブを選択し「Preserve log」を有効にする",[45,14411,14412],{},"画像をドラッグ&ドロップして処理を実行する",[45,14414,14415],{},"Network タブの通信ログを確認する",[11,14417,14418,14419,14422],{},"サーバー送信型のツールは、処理時に大きなペイロードを含む POST リクエストが発生する。Zerosend の場合、画像をドロップしても POST リクエストは発生せず、CDN・アナリティクスなどの通常のページリクエストのみが表示される。",[34,14420,14421],{},"アップロード通信ゼロ"," を自分で確認できる。",[18,14424],{},[21,14426,14428],{"id":14427},"zerosend-でブラウザ完結の画像圧縮を行う手順","Zerosend でブラウザ完結の画像圧縮を行う手順",[11,14430,14431,14432,14436,14437,14439],{},"Zerosend の画像圧縮ツールは ",[76,14433,6234],{"href":14434,"rel":14435},"https:\u002F\u002Fgithub.com\u002FDonaldcwl\u002Fbrowser-image-compression",[80]," ライブラリを ",[34,14438,6242],{}," 上で動作させている。Web Worker はメインスレッドとは別のスレッドで処理を実行するブラウザの仕組みであり、処理中でもページの操作が固まらない。圧縮処理はすべてユーザーのブラウザ内で完結し、外部サーバーへの送信は一切発生しない。",[26,14441,1036],{"id":1036},[124,14443,14444,14448,14451,14457,14460,14463],{},[45,14445,14446,1044],{},[76,14447,4206],{"href":4206},[45,14449,14450],{},"JPG \u002F PNG \u002F WebP 形式の画像をドラッグ&ドロップ、または「ファイルを選択」から複数選択する",[45,14452,14453,14454,14406],{},"品質スライダーを調整する（推奨値は ",[34,14455,14456],{},"80〜85",[45,14458,14459],{},"「圧縮する」ボタンをクリックする",[45,14461,14462],{},"圧縮結果のプレビューと圧縮率を確認する",[45,14464,14465],{},"1 枚の場合はそのままダウンロード、複数の場合は ZIP でまとめてダウンロードする",[26,14467,6297],{"id":6297},[11,14469,14470],{},"Zerosend は Service Worker によるキャッシュを実装しており、初回アクセス後はネットワーク接続がなくても動作する。出張先や電波の届かない環境でも、ブラウザを開いていれば画像圧縮を実行できる。",[18,14472],{},[21,14474,7558],{"id":7558},[26,14476,14478],{"id":14477},"透過-png-を-jpg-変換すると白背景になる","透過 PNG を JPG 変換すると白背景になる",[11,14480,14481,14482,605,14485,13763],{},"JPG フォーマットは透過（アルファチャンネル）をサポートしていない。透過 PNG を JPG 変換すると、透過部分が白で塗りつぶされる。ロゴやアイコンで透過が必要な場合は ",[34,14483,14484],{},"PNG のまま圧縮するか WebP に変換する",[76,14486,4521],{"href":4231},[26,14488,14489],{"id":14489},"圧縮後に色がくすんで見える",[11,14491,14492,14493,14496],{},"Adobe RGB や Display P3 プロファイルで保存された画像を sRGB 非対応の処理フローに通すと、色空間の変換時に彩度が失われる。Web 配信では ",[34,14494,14495],{},"sRGB に統一"," するのが安全だ。プロファイルが不明な画像は、圧縮後に別のブラウザやデバイスで色味を確認する。",[26,14498,14500],{"id":14499},"sns-投稿は自分での極限圧縮が逆効果になる場合がある","SNS 投稿は自分での極限圧縮が逆効果になる場合がある",[11,14502,14503,14504,14507],{},"Twitter（X）・Instagram・LINE は投稿時に独自アルゴリズムで再圧縮を行う。自分で品質を 40〜50% まで下げた上に SNS 側の再圧縮が重なると、最終的な画質が著しく低下することがある。SNS 向けの画像は ",[34,14505,14506],{},"80〜85% の設定で一度だけ圧縮"," し、プラットフォームの再処理に任せる方が綺麗な結果になりやすい。",[26,14509,14510],{"id":14510},"バッチ処理後に全件確認をしない",[11,14512,14513],{},"一括処理の便利さから、圧縮後の全ファイルを確認しないまま公開するケースがある。異常に小さいファイルサイズになっているものや、極端に品質が下がっているものが混入していることがある。少なくともサムネイル一覧で目視確認する習慣をつける。",[18,14515],{},[21,14517,1989],{"id":1988},[26,14519,14521],{"id":14520},"q1-webp-への変換は必須ですか","Q1. WebP への変換は必須ですか？",[11,14523,14524,14525,14527],{},"必須ではないが、推奨する。同等の画質で JPG より 25〜35% 容量を削減できるケースが多い。ただし古い環境への対応が必要な場合は ",[54,14526,6006],{}," タグでフォールバックを設定する。",[26,14529,14531],{"id":14530},"q2-png-を圧縮しても容量があまり減らないのはなぜですか","Q2. PNG を圧縮しても容量があまり減らないのはなぜですか？",[11,14533,14534],{},"PNG は可逆圧縮であるため、非可逆圧縮の JPG ほど大幅な削減は期待できない。PNG の容量を大きく削減したい場合は、非可逆の WebP への変換を検討する。透過が不要な写真系コンテンツであれば JPG または WebP lossy が最適だ。",[26,14536,14538],{"id":14537},"q3-圧縮ツールに画像をアップロードするとデータは保存されますか","Q3. 圧縮ツールに画像をアップロードするとデータは保存されますか？",[11,14540,14541],{},"サーバー処理型のツール（TinyPNG・Smallpdf 等）は各社のプライバシーポリシーに従って一定期間保存される場合がある。ブラウザ処理型のツール（Zerosend・Squoosh 等）はファイルをサーバーに送信しないため、保存の問題自体が発生しない。",[26,14543,14545],{"id":14544},"q4-圧縮後にファイルが元より大きくなることはありますか","Q4. 圧縮後にファイルが元より大きくなることはありますか？",[11,14547,14548],{},"ある。既に高圧縮済みの JPG をさらに圧縮しようとすると、再エンコードのオーバーヘッドでわずかに大きくなる場合がある。また、小さな PNG を WebP に変換した際に逆に大きくなるケースもある。圧縮後サイズを必ず確認し、大きくなっていた場合は元ファイルを使用する。",[26,14550,14552],{"id":14551},"q5-スマートフォンのカメラ写真に含まれる-gps-情報を削除できますか","Q5. スマートフォンのカメラ写真に含まれる GPS 情報を削除できますか？",[11,14554,14555,14556,14561],{},"EXIF 除去機能を持つ圧縮ツールであれば削除できる。Zerosend の画像圧縮はデフォルトで EXIF を除去する。除去されているかどうかは、処理後のファイルを ",[76,14557,14560],{"href":14558,"rel":14559},"https:\u002F\u002Fexifdata.com\u002F",[80],"Jeffrey's Exif Viewer"," 等のオンラインツールで確認できる。",[18,14563],{},[21,14565,398],{"id":398},[11,14567,14568],{},"画像圧縮の実践的な結論をまとめる。",[42,14570,14571,14577,14582,14588,14594],{},[45,14572,14573,14576],{},[34,14574,14575],{},"フォーマット選択","：写真は JPG または WebP lossy、ロゴ・透過は PNG または WebP lossless",[45,14578,14579,14581],{},[34,14580,6884],{},"：JPG \u002F WebP は 80〜85% を起点に調整する",[45,14583,14584,14587],{},[34,14585,14586],{},"処理順序","：リサイズ（ピクセル数削減）→ 圧縮（品質調整）→ EXIF 除去",[45,14589,14590,14593],{},[34,14591,14592],{},"非可逆圧縮は元画像から1回のみ","：再圧縮による劣化の積み重ねを避ける",[45,14595,14596,14599],{},[34,14597,14598],{},"ツール選定","：機密画像を扱う場合はサーバー送信の有無を DevTools で確認する",[11,14601,14602,14603,14606],{},"機密性の高い画像、個人写真、社内資料の圧縮には、ブラウザ完結処理の ",[76,14604,14605],{"href":4206},"Zerosend 画像圧縮ツール"," が選択肢の一つとなる。処理が完全にローカルで完結するため、送信リスクが構造的にない。品質スライダーと圧縮前後のプレビューで結果を確認しながら、適切な設定を見つけることができる。",{"title":422,"searchDepth":423,"depth":423,"links":14608},[14609,14614,14619,14626,14630,14634,14640,14647],{"id":13912,"depth":423,"text":13913,"children":14610},[14611,14612,14613],{"id":13916,"depth":428,"text":13917},{"id":13932,"depth":428,"text":13933},{"id":13939,"depth":428,"text":13940},{"id":13948,"depth":423,"text":13949,"children":14615},[14616,14617,14618],{"id":13952,"depth":428,"text":13953},{"id":14023,"depth":428,"text":14024},{"id":14046,"depth":428,"text":14046},{"id":14063,"depth":423,"text":14063,"children":14620},[14621,14622,14623,14624,14625],{"id":14066,"depth":428,"text":14067},{"id":14186,"depth":428,"text":14187},{"id":14206,"depth":428,"text":14207},{"id":14217,"depth":428,"text":14218},{"id":14228,"depth":428,"text":14229},{"id":14237,"depth":423,"text":14237,"children":14627},[14628,14629],{"id":14240,"depth":428,"text":14240},{"id":14384,"depth":428,"text":14384},{"id":14427,"depth":423,"text":14428,"children":14631},[14632,14633],{"id":1036,"depth":428,"text":1036},{"id":6297,"depth":428,"text":6297},{"id":7558,"depth":423,"text":7558,"children":14635},[14636,14637,14638,14639],{"id":14477,"depth":428,"text":14478},{"id":14489,"depth":428,"text":14489},{"id":14499,"depth":428,"text":14500},{"id":14510,"depth":428,"text":14510},{"id":1988,"depth":423,"text":1989,"children":14641},[14642,14643,14644,14645,14646],{"id":14520,"depth":428,"text":14521},{"id":14530,"depth":428,"text":14531},{"id":14537,"depth":428,"text":14538},{"id":14544,"depth":428,"text":14545},{"id":14551,"depth":428,"text":14552},{"id":398,"depth":423,"text":398},"画像圧縮で画質を損なわず最大限軽くする方法を解説。品質設定・フォーマット選択・リサイズ順序・サーバー非送信ツールの比較まで実用的な情報を網羅。",{},"\u002Fblog\u002Fimage-compress-guide",{"title":13893,"description":14648},"image-compress-guide","blog\u002Fimage-compress-guide",[1743,2594,6463],"NdMNaoponIzt7H_Nhsf12BUmwdeRFRcxjEU5co1oVCo",{"id":14657,"title":14658,"author":6,"body":14659,"category":441,"coverImage":442,"description":15460,"draft":444,"extension":445,"locale":446,"meta":15461,"navigation":448,"noindex":444,"path":15462,"publishedAt":12198,"seo":15463,"slug":15464,"stem":15465,"tags":15466,"updatedAt":6464,"__hash__":15467},"blog\u002Fblog\u002Fpdf-merge-guide.md","PDF 結合 無料・アップロードなし — 顧客情報を外部送信せず処理する完全手順 2026",{"type":8,"value":14660,"toc":15423},[14661,14664,14666,14670,14673,14676,14679,14682,14686,14689,14691,14695,14699,14706,14709,14713,14716,14720,14723,14727,14730,14732,14736,14739,14867,14870,14872,14876,14883,14886,14911,14922,14929,14931,14935,14939,14944,14948,14951,14955,14958,14962,14965,14969,14972,14974,14977,14980,14987,15006,15024,15030,15034,15037,15040,15047,15050,15053,15057,15060,15062,15066,15070,15073,15076,15079,15082,15085,15087,15091,15094,15315,15326,15328,15330,15335,15338,15343,15346,15351,15354,15359,15362,15367,15370,15372,15374,15377,15403,15414,15420],[11,14662,14663],{},"複数の PDF を 1 つにまとめたいが、契約書や請求書を見知らぬサーバーに送ることへの抵抗がある。このジレンマは、オンライン PDF 結合ツールを使う際に多くの事業主・担当者が直面する現実的な問題だ。本記事では、PDF 結合ツールの種類と選定基準を整理し、ファイルを外部送信せずに処理する具体的な手順と、実務で起きやすいトラブルへの対処を体系的に解説する。",[18,14665],{},[21,14667,14669],{"id":14668},"pdf-結合が業務で必要になる典型シーン","PDF 結合が業務で必要になる典型シーン",[26,14671,14672],{"id":14672},"請求書の月次まとめ",[11,14674,14675],{},"取引先ごとに発行された請求書 PDF を、月末に 1 本にまとめて経理へ回す。個人事業主から中小企業の経理担当まで、毎月繰り返す定番作業だ。",[26,14677,14678],{"id":14678},"複数ファイルで届いた契約書の統合",[11,14680,14681],{},"「表紙」「本文」「別紙」「押印欄」が別々の PDF で届くケースは少なくない。署名前に 1 本へまとめておくと、先方への送付もアーカイブもシンプルになる。",[26,14683,14685],{"id":14684},"スキャン-pdf-と添付資料の一体化","スキャン PDF と添付資料の一体化",[11,14687,14688],{},"紙書類のスキャン PDF に、別途作成した Excel や Word の PDF 出力を結合して提出するパターン。士業・官公庁関連の手続きで頻出する。",[18,14690],{},[21,14692,14694],{"id":14693},"ツール選びで見るべき-4-つの判断基準","ツール選びで見るべき 4 つの判断基準",[26,14696,14698],{"id":14697},"_1-ファイルがサーバーへ送られるか","1. ファイルがサーバーへ送られるか",[11,14700,14701,14702,14705],{},"オンライン PDF 結合ツールの大多数は、ファイルを一度サーバーへアップロードしてから処理する。処理後に削除するとアナウンスしているサービスは多いが、",[34,14703,14704],{},"NDA 下の契約書や個人情報を含む書類を外部送信すること自体","が社内規程や法的義務に抵触する場面がある。",[11,14707,14708],{},"判定方法は単純で、ブラウザの DevTools（F12）→ Network タブを開いた状態でファイルを読み込み、PDF データを含む POST 通信が発生しているかを目視確認するだけだ。",[26,14710,14712],{"id":14711},"_2-結合順の制御精度","2. 結合順の制御精度",[11,14714,14715],{},"ドラッグ&ドロップで任意並び替えができるか、ファイル名の文字列ソートしか受け付けないかは大きな差になる。後述するが、文字列ソートは桁数が揃っていない場合に直感と異なる順序を生む。",[26,14717,14719],{"id":14718},"_3-パスワード付き-pdf-への対応","3. パスワード付き PDF への対応",[11,14721,14722],{},"社内で暗号化された PDF は、結合前にロック解除が必要になる。対応していないツールを使う場合は、事前に Adobe Acrobat 等で解除してから持ち込む。",[26,14724,14726],{"id":14725},"_4-ファイルサイズ枚数の上限","4. ファイルサイズ・枚数の上限",[11,14728,14729],{},"ブラウザ内処理はクライアントの RAM に依存するため、数百 MB 規模の PDF を多数扱う場合に動作が不安定になることがある。用途に合わせて事前に上限を確認しておく。",[18,14731],{},[21,14733,14735],{"id":14734},"主要-pdf-結合ツールの比較","主要 PDF 結合ツールの比較",[11,14737,14738],{},"下表は代表的な PDF 結合ツールを「送信先サーバー」観点で並べたものだ。プライバシー要件が厳しい業務では、この列が選定の第一基準になる。",[175,14740,14741,14759],{},[178,14742,14743],{},[181,14744,14745,14747,14749,14751,14753,14756],{},[184,14746,500],{},[184,14748,1205],{},[184,14750,14256],{},[184,14752,506],{},[184,14754,14755],{},"並び替え",[184,14757,14758],{},"オフライン",[197,14760,14761,14777,14791,14806,14822,14839],{},[181,14762,14763,14765,14768,14771,14773,14775],{},[202,14764,4752],{},[202,14766,14767],{},"外部クラウド (EU)",[202,14769,14770],{},"サーバーサイド",[202,14772,1244],{},[202,14774,248],{},[202,14776,251],{},[181,14778,14779,14781,14783,14785,14787,14789],{},[202,14780,4768],{},[202,14782,14767],{},[202,14784,14770],{},[202,14786,1244],{},[202,14788,248],{},[202,14790,251],{},[181,14792,14793,14795,14798,14800,14802,14804],{},[202,14794,6755],{},[202,14796,14797],{},"Adobe クラウド",[202,14799,14770],{},[202,14801,1244],{},[202,14803,248],{},[202,14805,251],{},[181,14807,14808,14811,14814,14816,14818,14820],{},[202,14809,14810],{},"PDF24 (Web版)",[202,14812,14813],{},"外部クラウド (DE)",[202,14815,14770],{},[202,14817,248],{},[202,14819,248],{},[202,14821,251],{},[181,14823,14824,14827,14830,14832,14835,14837],{},[202,14825,14826],{},"Adobe Acrobat デスクトップ",[202,14828,14829],{},"なし (ローカル)",[202,14831,553],{},[202,14833,14834],{},"✗ (有償)",[202,14836,248],{},[202,14838,248],{},[181,14840,14841,14845,14850,14855,14859,14863],{},[202,14842,14843],{},[34,14844,6129],{},[202,14846,14847],{},[34,14848,14849],{},"なし (ブラウザ内)",[202,14851,14852],{},[34,14853,14854],{},"WASM \u002F Web Worker",[202,14856,14857],{},[34,14858,248],{},[202,14860,14861],{},[34,14862,248],{},[202,14864,14865],{},[34,14866,248],{},[11,14868,14869],{},"Smallpdf・iLovePDF はヨーロッパのサーバーを利用しており、GDPR 準拠を謳っているが、データが EU 域外の日本の事業者から EU に渡る点に注意が必要だ。Adobe Acrobat デスクトップ版はローカル完結だが有償ライセンスが前提になる。",[18,14871],{},[21,14873,14875],{"id":14874},"zerosend-がブラウザ内で結合を完結させる仕組み","zerosend がブラウザ内で結合を完結させる仕組み",[11,14877,14878,14879,14882],{},"zerosend の PDF 結合は、",[76,14880,4876],{"href":4874,"rel":14881},[80],"（MIT ライセンスの JavaScript ライブラリ）をブラウザ上で直接実行することで実現している。",[11,14884,14885],{},"処理の流れは次のとおりだ。",[124,14887,14888,14895,14898,14908],{},[45,14889,14890,14891,14894],{},"ユーザーが選択したファイルは ",[54,14892,14893],{},"File"," API でブラウザのメモリに読み込まれる",[45,14896,14897],{},"pdf-lib が各 PDF のページツリーを解析し、結合済みの PDF Document オブジェクトを生成する",[45,14899,14900,14901,10472,14904,14907],{},"生成されたバイト列は ",[54,14902,14903],{},"Blob",[54,14905,14906],{},"Object URL"," として即座にダウンロードに渡される",[45,14909,14910],{},"処理中も含め、PDF のバイナリデータが外部ネットワークに出ることはない",[11,14912,14913,14914,1020,14918,9766],{},"重い処理は Web Worker 上で実行されるため、メインスレッド（UI）がブロックされず、処理中も画面が固まりにくい。pdf-lib の仕様詳細は ",[76,14915,14917],{"href":5365,"rel":14916},[80],"MDN の File API ドキュメント",[76,14919,14921],{"href":4874,"rel":14920},[80],"pdf-lib 公式ドキュメント",[11,14923,14924,14925,14928],{},"初回アクセス後は Service Worker がアセットをキャッシュするため、",[34,14926,14927],{},"以降はオフライン環境でも動作する","。インターネット接続のない社内クローズドネットワークや、機内・現場作業でも使えるのはこの設計によるものだ。",[18,14930],{},[21,14932,14934],{"id":14933},"zerosend-で-pdf-を結合する手順具体的操作","zerosend で PDF を結合する手順（具体的操作）",[26,14936,14938],{"id":14937},"ステップ-1-ツールを開く","ステップ 1: ツールを開く",[11,14940,14941,14943],{},[76,14942,9437],{"href":9437}," にアクセスする。インストール・ログイン・会員登録は不要だ。",[26,14945,14947],{"id":14946},"ステップ-2-ファイルを追加する","ステップ 2: ファイルを追加する",[11,14949,14950],{},"結合したい PDF をドラッグ&ドロップするか、クリックしてファイル選択ダイアログから選ぶ。複数ファイルを一度に追加できる。",[26,14952,14954],{"id":14953},"ステップ-3-並び順を確認調整する","ステップ 3: 並び順を確認・調整する",[11,14956,14957],{},"ファイルリストが表示されるので、ドラッグで希望の順序に並び替える。ファイル名ソートに依存せず、リスト上の位置が結合後のページ順に直結する。",[26,14959,14961],{"id":14960},"ステップ-4-結合を実行する","ステップ 4: 結合を実行する",[11,14963,14964],{},"「結合する」ボタンを押す。処理はブラウザ内で完結し、完了後すぐにダウンロードが始まる。",[26,14966,14968],{"id":14967},"network-タブで送信ゼロを確認する方法","Network タブで送信ゼロを確認する方法",[11,14970,14971],{},"DevTools（Windows: F12 \u002F Mac: Cmd+Option+I）を開き、「Network」タブに切り替えてから結合を実行する。通信ログに PDF バイナリを含む POST リクエストが存在しないことで、外部送信ゼロを自分の目で検証できる。この検証可能性は、第三者監査や社内コンプライアンス説明の際にも有効だ。",[18,14973],{},[21,14975,14976],{"id":14976},"よくあるトラブルと対処法",[26,14978,14979],{"id":14979},"結合順が意図通りにならない",[11,14981,14982,14983,14986],{},"並び順事故の 8 割は",[34,14984,14985],{},"文字列ソートの桁数不一致","が原因だ。",[42,14988,14989,14999],{},[45,14990,14991,14994,14995,14998],{},[54,14992,14993],{},"1.pdf, 2.pdf, 10.pdf, 11.pdf"," を文字列ソートすると ",[54,14996,14997],{},"1 → 10 → 11 → 2"," になる",[45,15000,15001,15002,15005],{},"日本語ファイル名でも同様に ",[54,15003,15004],{},"請求書1 → 請求書10 → 請求書2"," の順になる",[11,15007,15008,15011,15012,15015,15016,15019,15020,15023],{},[34,15009,15010],{},"解決策:"," ファイル名をゼロパディングで揃える。10〜99 件なら 2 桁（",[54,15013,15014],{},"01, 02, …, 10","）、100 件以上なら 3 桁（",[54,15017,15018],{},"001, 002, …, 100","）。日付を先頭に置く場合は ",[54,15021,15022],{},"YYYY-MM-DD"," 形式が文字列ソートと自然に整合する。",[11,15025,15026,15027,605],{},"zerosend では",[34,15028,15029],{},"リスト上で明示的に並び替えるため、ファイル名ソートの罠に依存しない",[26,15031,15033],{"id":15032},"パスワード付き-pdf-が処理できない","パスワード付き PDF が処理できない",[11,15035,15036],{},"現時点の zerosend はパスワード保護された PDF の解除に対応していない。事前に Adobe Acrobat 等でパスワードを解除してから持ち込むか、デスクトップアプリを併用する。",[26,15038,15039],{"id":15039},"結合後のファイルサイズが大きくなった",[11,15041,15042,15043,15046],{},"各 PDF のコンテンツがそのまま積み重なるため、元ファイルの合計よりわずかに大きくなるのは正常な挙動だ。メール添付に収まらないサイズになった場合は、",[76,15044,15045],{"href":9430},"PDF 圧縮ツール"," で後処理する。",[26,15048,15049],{"id":15049},"結合後に文字化けが発生した",[11,15051,15052],{},"フォントが埋め込まれていない PDF は、環境によってフォントが代替されて文字化けが起きることがある。PDF 出力元のソフト（Word, Illustrator 等）でフォントを埋め込んで書き出し直すのが根本的な解決策だ。",[26,15054,15056],{"id":15055},"大容量ファイルで処理が重い止まる","大容量ファイルで処理が重い・止まる",[11,15058,15059],{},"ブラウザ内処理はクライアントの RAM を使う。zerosend は 1 ファイル 100 MB を推奨上限としている。それを超える場合は、Adobe Acrobat デスクトップ版や CLI ツール（Ghostscript 等）を検討する。",[18,15061],{},[21,15063,15065],{"id":15064},"b2b-現場での運用ルール","B2B 現場での運用ルール",[26,15067,15069],{"id":15068},"規程に外部-saas-へのアップロード禁止を明文化する","規程に「外部 SaaS へのアップロード禁止」を明文化する",[11,15071,15072],{},"「個人情報・機密情報を含む書類は外部クラウドにアップロードしない」と明文化している組織は増えている。ブラウザ内処理ツールに切り替えることで、この規程との整合が取りやすくなる。Network タブの検証結果をスクリーンショットで保存しておくと、コンプライアンス担当や監査への説明資料として使える。",[26,15074,15075],{"id":15075},"結合後に元ファイルを整理する",[11,15077,15078],{},"結合後も元の分割ファイルが共有フォルダに残ると「どれが最新版か」が不明瞭になる。結合済みファイルを共有ストレージに置き、分割元は個人のアーカイブフォルダへ退避するルールを決めておく。",[26,15080,15081],{"id":15081},"監査ログが必要な環境での選択",[11,15083,15084],{},"「誰が・いつ・どのツールで処理したか」のログを法務・監査から求められるケースでは、外部 SaaS よりローカル完結型のほうがログの出所を自分で管理しやすい。ブラウザ内処理は DevTools で自己検証できるため、外部依存のない証跡として使える。",[18,15086],{},[21,15088,15090],{"id":15089},"開発者向け-スクリプトで-pdf-結合を自動化する","開発者向け: スクリプトで PDF 結合を自動化する",[11,15092,15093],{},"月次の定型結合を自動化するなら、Node.js で pdf-lib を使う方法がある。ファイル順序をコードで明示するため、ファイル名ソートに依存しない安定した処理が可能だ。",[2212,15095,15099],{"className":15096,"code":15097,"language":15098,"meta":422,"style":422},"language-typescript shiki shiki-themes github-light github-dark","import { PDFDocument } from 'pdf-lib'\nimport { readFileSync, writeFileSync } from 'node:fs'\n\nconst files = ['01_表紙.pdf', '02_本文.pdf', '03_別紙.pdf']  \u002F\u002F 順序を明示\nconst merged = await PDFDocument.create()\n\nfor (const filePath of files) {\n  const src = await PDFDocument.load(readFileSync(filePath))\n  const pages = await merged.copyPages(src, src.getPageIndices())\n  pages.forEach(page => merged.addPage(page))\n}\n\nwriteFileSync('merged_output.pdf', await merged.save())\n","typescript",[54,15100,15101,15116,15128,15132,15165,15186,15190,15208,15233,15259,15284,15288,15292],{"__ignoreMap":422},[2220,15102,15103,15107,15110,15113],{"class":2222,"line":2223},[2220,15104,15106],{"class":15105},"szBVR","import",[2220,15108,15109],{"class":2249}," { PDFDocument } ",[2220,15111,15112],{"class":15105},"from",[2220,15114,15115],{"class":2264}," 'pdf-lib'\n",[2220,15117,15118,15120,15123,15125],{"class":2222,"line":423},[2220,15119,15106],{"class":15105},[2220,15121,15122],{"class":2249}," { readFileSync, writeFileSync } ",[2220,15124,15112],{"class":15105},[2220,15126,15127],{"class":2264}," 'node:fs'\n",[2220,15129,15130],{"class":2222,"line":428},[2220,15131,2237],{"emptyLinePlaceholder":448},[2220,15133,15134,15137,15140,15143,15146,15149,15151,15154,15156,15159,15162],{"class":2222,"line":2240},[2220,15135,15136],{"class":15105},"const",[2220,15138,15139],{"class":12452}," files",[2220,15141,15142],{"class":15105}," =",[2220,15144,15145],{"class":2249}," [",[2220,15147,15148],{"class":2264},"'01_表紙.pdf'",[2220,15150,1650],{"class":2249},[2220,15152,15153],{"class":2264},"'02_本文.pdf'",[2220,15155,1650],{"class":2249},[2220,15157,15158],{"class":2264},"'03_別紙.pdf'",[2220,15160,15161],{"class":2249},"]  ",[2220,15163,15164],{"class":2226},"\u002F\u002F 順序を明示\n",[2220,15166,15167,15169,15172,15174,15177,15180,15183],{"class":2222,"line":2246},[2220,15168,15136],{"class":15105},[2220,15170,15171],{"class":12452}," merged",[2220,15173,15142],{"class":15105},[2220,15175,15176],{"class":15105}," await",[2220,15178,15179],{"class":2249}," PDFDocument.",[2220,15181,15182],{"class":2257},"create",[2220,15184,15185],{"class":2249},"()\n",[2220,15187,15188],{"class":2222,"line":2295},[2220,15189,2237],{"emptyLinePlaceholder":448},[2220,15191,15192,15195,15197,15199,15202,15205],{"class":2222,"line":2325},[2220,15193,15194],{"class":15105},"for",[2220,15196,12888],{"class":2249},[2220,15198,15136],{"class":15105},[2220,15200,15201],{"class":12452}," filePath",[2220,15203,15204],{"class":15105}," of",[2220,15206,15207],{"class":2249}," files) {\n",[2220,15209,15210,15213,15215,15217,15219,15221,15224,15227,15230],{"class":2222,"line":2330},[2220,15211,15212],{"class":15105},"  const",[2220,15214,6055],{"class":12452},[2220,15216,15142],{"class":15105},[2220,15218,15176],{"class":15105},[2220,15220,15179],{"class":2249},[2220,15222,15223],{"class":2257},"load",[2220,15225,15226],{"class":2249},"(",[2220,15228,15229],{"class":2257},"readFileSync",[2220,15231,15232],{"class":2249},"(filePath))\n",[2220,15234,15235,15237,15240,15242,15244,15247,15250,15253,15256],{"class":2222,"line":2336},[2220,15236,15212],{"class":15105},[2220,15238,15239],{"class":12452}," pages",[2220,15241,15142],{"class":15105},[2220,15243,15176],{"class":15105},[2220,15245,15246],{"class":2249}," merged.",[2220,15248,15249],{"class":2257},"copyPages",[2220,15251,15252],{"class":2249},"(src, src.",[2220,15254,15255],{"class":2257},"getPageIndices",[2220,15257,15258],{"class":2249},"())\n",[2220,15260,15261,15264,15267,15269,15273,15276,15278,15281],{"class":2222,"line":2365},[2220,15262,15263],{"class":2249},"  pages.",[2220,15265,15266],{"class":2257},"forEach",[2220,15268,15226],{"class":2249},[2220,15270,15272],{"class":15271},"s4XuR","page",[2220,15274,15275],{"class":15105}," =>",[2220,15277,15246],{"class":2249},[2220,15279,15280],{"class":2257},"addPage",[2220,15282,15283],{"class":2249},"(page))\n",[2220,15285,15286],{"class":2222,"line":2370},[2220,15287,12591],{"class":2249},[2220,15289,15290],{"class":2222,"line":2376},[2220,15291,2237],{"emptyLinePlaceholder":448},[2220,15293,15295,15298,15300,15303,15305,15308,15310,15313],{"class":2222,"line":15294},13,[2220,15296,15297],{"class":2257},"writeFileSync",[2220,15299,15226],{"class":2249},[2220,15301,15302],{"class":2264},"'merged_output.pdf'",[2220,15304,1650],{"class":2249},[2220,15306,15307],{"class":15105},"await",[2220,15309,15246],{"class":2249},[2220,15311,15312],{"class":2257},"save",[2220,15314,15258],{"class":2249},[11,15316,15317,15318,15321,15322,13763],{},"配列 ",[54,15319,15320],{},"files"," の順序がそのまま結合後のページ順になる。CI\u002FCD パイプラインに組み込んで、月次レポートの自動生成などに応用できる。pdf-lib の詳しい API は ",[76,15323,15325],{"href":4874,"rel":15324},[80],"公式ドキュメント",[18,15327],{},[21,15329,1989],{"id":1988},[11,15331,15332],{},[34,15333,15334],{},"Q. zerosend で結合したとき、本当にファイルが外部に送られていないか確認できるか？",[11,15336,15337],{},"できる。ブラウザの DevTools（F12）→ Network タブを開いた状態でファイルを追加・結合し、PDF バイナリを含む POST や PUT リクエストが存在しないことを目視で確認できる。処理はすべてブラウザのメモリ内で完結する。",[11,15339,15340],{},[34,15341,15342],{},"Q. 何ファイルまで一度に結合できるか？",[11,15344,15345],{},"公式に上限ファイル数は設けていないが、1 ファイルあたり 100 MB 以内を推奨している。ファイル数が多くなるほどメモリ消費が増えるため、極端に大きなファイルを数十本まとめて処理する場合はデスクトップアプリの併用を検討する。",[11,15347,15348],{},[34,15349,15350],{},"Q. Smallpdf や iLovePDF と比べてどう違うか？",[11,15352,15353],{},"最大の違いは送信先だ。Smallpdf・iLovePDF はファイルをヨーロッパのサーバーへ送信して処理する。機能面では両サービスのほうが豊富なオプション（OCR、変換等）を持つが、機密書類の処理には zerosend のようなブラウザ内完結型が適している。",[11,15355,15356],{},[34,15357,15358],{},"Q. パスワード付き PDF は結合できるか？",[11,15360,15361],{},"現時点では非対応。事前に Adobe Acrobat や PDF パスワード解除ツールでロックを解除してから zerosend に持ち込む必要がある。",[11,15363,15364],{},[34,15365,15366],{},"Q. オフライン環境でも使えるか？",[11,15368,15369],{},"初回アクセス後は Service Worker がアセットをキャッシュするため、インターネット接続なしでも動作する。社内クローズドネットワークや機内など、外部通信が制限された環境でも利用できる。",[18,15371],{},[21,15373,398],{"id":398},[11,15375,15376],{},"PDF 結合の手順そのものはシンプルだが、扱う情報の性質によってツール選定は大きく変わる。主要な判断軸をまとめる。",[42,15378,15379,15385,15391,15397],{},[45,15380,15381,15384],{},[34,15382,15383],{},"外部送信を避けたい場合",": ブラウザ内完結型（zerosend 等）を選ぶ。DevTools で自分で検証できる",[45,15386,15387,15390],{},[34,15388,15389],{},"並び順の精度が必要な場合",": 文字列ソートに依存せず、明示的な並び替えができるツールを使う。zerosend はドラッグ&ドロップで制御できる",[45,15392,15393,15396],{},[34,15394,15395],{},"大量・高頻度の定型処理",": pdf-lib を使った Node.js スクリプトで自動化し、順序をコードで管理する",[45,15398,15399,15402],{},[34,15400,15401],{},"機能の豊富さが最優先で機密性が低い場合",": Smallpdf・iLovePDF・Adobe Acrobat オンラインが選択肢になる",[11,15404,15405,15406,15408,15409,102,15411,15413],{},"zerosend の PDF 結合ツールは ",[76,15407,9437],{"href":9437}," から無料で利用できる。関連ツールとして ",[76,15410,9431],{"href":9430},[76,15412,10331],{"href":9944}," も同様にブラウザ内処理で提供している。",[11,15415,15416,15417],{},"関連ガイド: ",[76,15418,15419],{"href":12162},"プライバシー重視のオンラインツール",[2566,15421,15422],{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}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":422,"searchDepth":423,"depth":423,"links":15424},[15425,15430,15436,15437,15438,15445,15452,15457,15458,15459],{"id":14668,"depth":423,"text":14669,"children":15426},[15427,15428,15429],{"id":14672,"depth":428,"text":14672},{"id":14678,"depth":428,"text":14678},{"id":14684,"depth":428,"text":14685},{"id":14693,"depth":423,"text":14694,"children":15431},[15432,15433,15434,15435],{"id":14697,"depth":428,"text":14698},{"id":14711,"depth":428,"text":14712},{"id":14718,"depth":428,"text":14719},{"id":14725,"depth":428,"text":14726},{"id":14734,"depth":423,"text":14735},{"id":14874,"depth":423,"text":14875},{"id":14933,"depth":423,"text":14934,"children":15439},[15440,15441,15442,15443,15444],{"id":14937,"depth":428,"text":14938},{"id":14946,"depth":428,"text":14947},{"id":14953,"depth":428,"text":14954},{"id":14960,"depth":428,"text":14961},{"id":14967,"depth":428,"text":14968},{"id":14976,"depth":423,"text":14976,"children":15446},[15447,15448,15449,15450,15451],{"id":14979,"depth":428,"text":14979},{"id":15032,"depth":428,"text":15033},{"id":15039,"depth":428,"text":15039},{"id":15049,"depth":428,"text":15049},{"id":15055,"depth":428,"text":15056},{"id":15064,"depth":423,"text":15065,"children":15453},[15454,15455,15456],{"id":15068,"depth":428,"text":15069},{"id":15075,"depth":428,"text":15075},{"id":15081,"depth":428,"text":15081},{"id":15089,"depth":423,"text":15090},{"id":1988,"depth":423,"text":1989},{"id":398,"depth":423,"text":398},"契約書・請求書を外部サーバーに送らず PDF を結合する方法を解説。ブラウザ内完結ツールの仕組み、競合比較、並び順トラブル対処、B2B 運用ルールまで網羅。",{},"\u002Fblog\u002Fpdf-merge-guide",{"title":14658,"description":15460},"pdf-merge-guide","blog\u002Fpdf-merge-guide",[9462,1446,814],"KvdWSwTrOTqCa33jkEG_CFpq7BUFGWaS-Kl4Lvc7ElA",{"id":15469,"title":15470,"author":6,"body":15471,"category":15840,"coverImage":442,"description":15841,"draft":444,"extension":445,"locale":446,"meta":15842,"navigation":448,"noindex":444,"path":15843,"publishedAt":12198,"seo":15844,"slug":15845,"stem":15846,"tags":15847,"updatedAt":12198,"__hash__":15848},"blog\u002Fblog\u002Fprivacy-tools-comparison.md","アップロード不要なファイル処理ツールの選び方 2026 — 3 類型の使い分け",{"type":8,"value":15472,"toc":15818},[15473,15476,15480,15484,15491,15495,15502,15506,15510,15513,15533,15537,15540,15557,15561,15568,15585,15589,15693,15696,15700,15706,15710,15716,15720,15726,15730,15740,15742,15748,15751,15777,15781,15784,15802,15804,15810],[11,15474,15475],{},"ファイルをサーバーに預けずに処理する選択肢は、ここ数年で現実的になりました。本記事では「どの方式を、どんな時に選べばいいか」を 3 類型で整理します。",[21,15477,15479],{"id":15478},"なぜアップロードしないが業務の要件になるのか","なぜ「アップロードしない」が業務の要件になるのか",[26,15481,15483],{"id":15482},"_2025-年以降のデータ保護要件-個人情報保護法改正","2025 年以降のデータ保護要件 (個人情報保護法改正)",[11,15485,15486,15487,15490],{},"日本の個人情報保護法改正で、個人情報を取り扱う事業者の説明責任が強まりました。",[34,15488,15489],{},"顧客の個人情報が含まれるファイルを外部 SaaS にアップロードする","際、少なくとも利用規約・プライバシーポリシーの確認と社内ルールでの合意が求められるケースが増えています。",[26,15492,15494],{"id":15493},"nda-案件受託案件医療-士業での制約","NDA 案件・受託案件・医療 \u002F 士業での制約",[11,15496,15497,15498,15501],{},"受託案件の成果物・医療機関の診療データ・士業が扱う顧客情報は、そもそも",[34,15499,15500],{},"外部にアップロードしてはいけない契約","になっていることが多いです。この場合、ブラウザ内完結型またはローカルアプリ型しか選択肢がありません。",[21,15503,15505],{"id":15504},"ファイル処理ツールの-3-類型","ファイル処理ツールの 3 類型",[26,15507,15509],{"id":15508},"類型-a-アップロード型オンライン-saas","類型 A: アップロード型オンライン SaaS",[11,15511,15512],{},"ブラウザでアクセスしてファイルをアップロード、サーバー側で処理、結果をダウンロードする方式。",[42,15514,15515,15521,15527],{},[45,15516,15517,15520],{},[34,15518,15519],{},"強み",": 機能が豊富。UI が洗練されている。どの端末からでも同じ体験。",[45,15522,15523,15526],{},[34,15524,15525],{},"弱み",": 機密ファイルには使えない。通信遅延あり。",[45,15528,15529,15532],{},[34,15530,15531],{},"適する場面",": 公開済みの画像、共有して良いドキュメントの軽作業。",[26,15534,15536],{"id":15535},"類型-b-デスクトップアプリ","類型 B: デスクトップアプリ",[11,15538,15539],{},"PC にインストールして使うツール。商用アプリも OSS も含みます。",[42,15541,15542,15547,15552],{},[45,15543,15544,15546],{},[34,15545,15519],{},": ローカル完結で速い。機能が深い。複雑な処理に強い。",[45,15548,15549,15551],{},[34,15550,15525],{},": インストールと設定が必要。PC が変わると毎回セットアップ。",[45,15553,15554,15556],{},[34,15555,15531],{},": 日常的にヘビーユースする制作者・業務者。",[26,15558,15560],{"id":15559},"類型-c-ブラウザ内完結型-zerosend-が採用","類型 C: ブラウザ内完結型 (Zerosend が採用)",[11,15562,15563,15564,15567],{},"ブラウザでアクセスするが、ファイルはサーバーに送らず",[34,15565,15566],{},"ブラウザ内 JavaScript \u002F WebAssembly で処理","する方式。",[42,15569,15570,15575,15580],{},[45,15571,15572,15574],{},[34,15573,15519],{},": インストール不要。ローカル完結で送信ゼロ。すぐ使える。",[45,15576,15577,15579],{},[34,15578,15525],{},": 数 GB 級のファイルは苦手 (メモリ上限)。機能はアプリ型より浅い場合がある。",[45,15581,15582,15584],{},[34,15583,15531],{},": 機密ファイルを含む日常的な作業、受託案件、士業・医療の業務補助。",[21,15586,15588],{"id":15587},"類型別の強み弱み比較","類型別の強み・弱み比較",[175,15590,15591,15606],{},[178,15592,15593],{},[181,15594,15595,15597,15600,15603],{},[184,15596,3816],{},[184,15598,15599],{},"類型 A (SaaS)",[184,15601,15602],{},"類型 B (アプリ)",[184,15604,15605],{},"類型 C (ブラウザ内)",[197,15607,15608,15618,15630,15643,15657,15670,15682],{},[181,15609,15610,15612,15614,15616],{},[202,15611,1214],{},[202,15613,1250],{},[202,15615,1852],{},[202,15617,1250],{},[181,15619,15620,15623,15626,15628],{},[202,15621,15622],{},"ネットワーク送信",[202,15624,15625],{},"あり (本体)",[202,15627,952],{},[202,15629,952],{},[181,15631,15632,15635,15638,15641],{},[202,15633,15634],{},"複数端末利用",[202,15636,15637],{},"容易",[202,15639,15640],{},"端末ごと設定",[202,15642,15637],{},[181,15644,15645,15648,15651,15654],{},[202,15646,15647],{},"速度",[202,15649,15650],{},"通信待ちあり",[202,15652,15653],{},"最速",[202,15655,15656],{},"端末性能次第",[181,15658,15659,15662,15665,15668],{},[202,15660,15661],{},"機能の深さ",[202,15663,15664],{},"深い",[202,15666,15667],{},"最も深い",[202,15669,3876],{},[181,15671,15672,15675,15678,15680],{},[202,15673,15674],{},"機密データ適性",[202,15676,15677],{},"低",[202,15679,3870],{},[202,15681,3870],{},[181,15683,15684,15687,15689,15691],{},[202,15685,15686],{},"大容量対応",[202,15688,3870],{},[202,15690,3870],{},[202,15692,3876],{},[21,15694,15695],{"id":15695},"カテゴリ別の選び方",[26,15697,15699],{"id":15698},"画像-圧縮-形式変換","画像 (圧縮 \u002F 形式変換)",[11,15701,15702,15703],{},"日常的な画像圧縮・リサイズ・形式変換はブラウザ内完結型で十分です。Photoshop 級の高度なレタッチはデスクトップアプリ型に軍配。 → ",[76,15704,15705],{"href":4206},"Zerosend 画像圧縮",[26,15707,15709],{"id":15708},"pdf-結合-分割-圧縮","PDF (結合 \u002F 分割 \u002F 圧縮)",[11,15711,15712,15713],{},"結合・分割・圧縮などの一般的な処理はブラウザ内完結型が機密データと両立しやすくおすすめです。高度な編集 (埋め込みフォント差し替えなど) はアプリ型が適しています。 → ",[76,15714,15715],{"href":9437},"Zerosend PDF 結合",[26,15717,15719],{"id":15718},"動画-音声","動画 \u002F 音声",[11,15721,15722,15723],{},"短い動画の圧縮・形式変換・トリミングはブラウザ内完結型で実用範囲です。長尺動画 (30 分以上) や 4K 素材の編集はデスクトップアプリ型が現実的。 → ",[76,15724,15725],{"href":3761},"Zerosend 動画圧縮",[26,15727,15729],{"id":15728},"qr-コード","QR コード",[11,15731,15732,15733,15736,15737],{},"生成・読み取りどちらもブラウザ内完結型で十分です。QR コードに個人情報が乗るケースもあるため、",[34,15734,15735],{},"生成時に入力したテキストが送信されないこと","は重要な要件です。 → ",[76,15738,15739],{"href":10586},"Zerosend QR 生成",[26,15741,2593],{"id":2593},[11,15743,15744,15745],{},"1 枚のロゴから一式を生成するタイプ。NDA 下の未公開ロゴ作成ではブラウザ内完結型が最適です。 → ",[76,15746,15747],{"href":10782},"Zerosend ファビコン生成",[21,15749,15750],{"id":15750},"自分の要件で判定するフローチャート",[124,15752,15753,15759,15765,15771],{},[45,15754,15755,15758],{},[34,15756,15757],{},"機密度が高い"," (顧客情報 \u002F 未公開素材 \u002F 医療データ) → 類型 B or C",[45,15760,15761,15764],{},[34,15762,15763],{},"複数端末・出先でも使いたい"," → 類型 C",[45,15766,15767,15770],{},[34,15768,15769],{},"数 GB の動画 \u002F 複雑な編集"," → 類型 B",[45,15772,15773,15776],{},[34,15774,15775],{},"軽作業のみ + 公開済みデータ"," → 類型 A でも可",[21,15778,15780],{"id":15779},"アップロードしていないの検証方法","「アップロードしていない」の検証方法",[11,15782,15783],{},"ブラウザ内完結型と主張しているツールが本当に送っていないかは、30 秒で検証できます。",[124,15785,15786,15789,15792,15795],{},[45,15787,15788],{},"ブラウザの DevTools を開く (右クリック → 検証)",[45,15790,15791],{},"Network タブに切り替え、「Preserve log」を有効化",[45,15793,15794],{},"ツールを実際に使ってファイルを処理してみる",[45,15796,15797,15798,15801],{},"表示される通信が CDN・解析・広告程度で、",[34,15799,15800],{},"処理対象ファイルを含むリクエストがない","ことを確認",[21,15803,398],{"id":398},[11,15805,15806,15807,15809],{},"ファイル処理ツールは「送るか送らないか」で選ぶ時代です。業務の機密度・使用頻度・扱うファイルサイズで 3 類型を使い分けるのが実務的です。日常的な軽作業かつ機密度が高い範囲では、",[34,15808,12776],{}," (Zerosend など) が最もバランスの良い選択肢です。",[11,15811,12155,15812,8059,15815],{},[76,15813,15814],{"href":12162},"プライバシー重視のオンラインツール (ピラー)",[76,15816,15817],{"href":12197},"ブラウザ内でファイル処理はどこまでできるか",{"title":422,"searchDepth":423,"depth":423,"links":15819},[15820,15824,15829,15830,15837,15838,15839],{"id":15478,"depth":423,"text":15479,"children":15821},[15822,15823],{"id":15482,"depth":428,"text":15483},{"id":15493,"depth":428,"text":15494},{"id":15504,"depth":423,"text":15505,"children":15825},[15826,15827,15828],{"id":15508,"depth":428,"text":15509},{"id":15535,"depth":428,"text":15536},{"id":15559,"depth":428,"text":15560},{"id":15587,"depth":423,"text":15588},{"id":15695,"depth":423,"text":15695,"children":15831},[15832,15833,15834,15835,15836],{"id":15698,"depth":428,"text":15699},{"id":15708,"depth":428,"text":15709},{"id":15718,"depth":428,"text":15719},{"id":15728,"depth":428,"text":15729},{"id":2593,"depth":428,"text":2593},{"id":15750,"depth":423,"text":15750},{"id":15779,"depth":423,"text":15780},{"id":398,"depth":423,"text":398},"guide","ファイルをサーバーに預けずに処理したい時、どの方式を選ぶか。アップロード型・デスクトップ型・ブラウザ内完結型の 3 類型を、業務要件・UX・対応形式の観点で比較し、用途別の選び方を解説します。",{},"\u002Fblog\u002Fprivacy-tools-comparison",{"title":15470,"description":15841},"privacy-tools-comparison","blog\u002Fprivacy-tools-comparison",[814,1125],"1u9MtR913FhIDCsCr-3EkjysE71wSOjGODw-WNT3_Yw",{"id":15850,"title":15851,"author":6,"body":15852,"category":442,"coverImage":442,"description":15919,"draft":444,"extension":445,"locale":446,"meta":15920,"navigation":448,"noindex":448,"path":15921,"publishedAt":12198,"seo":15922,"slug":15923,"stem":15924,"tags":15925,"updatedAt":12198,"__hash__":15927},"blog\u002Fblog\u002Fwelcome.md","Zerosend ブログを始めます",{"type":8,"value":15853,"toc":15913},[15854,15857,15860,15863,15866,15886,15889,15905,15907],[21,15855,15856],{"id":15856},"はじめに",[11,15858,15859],{},"Zerosend の公式ブログを開始します。このブログでは、プライバシーファーストな Web ツールを作る中で得た知見、ブラウザ内処理の技術、そしてデータを「送らない」という選択についての考察を記録していきます。",[21,15861,15862],{"id":15862},"扱うテーマ",[11,15864,15865],{},"主に次のテーマを扱います。",[42,15867,15868,15874,15880],{},[45,15869,15870,15873],{},[34,15871,15872],{},"ブラウザ内処理の技術",": WebAssembly、Web Worker、Canvas API、File System Access API の実用例",[45,15875,15876,15879],{},[34,15877,15878],{},"プライバシー設計",": CSP、アップロード不要のアーキテクチャ、Network タブで検証できる実装",[45,15881,15882,15885],{},[34,15883,15884],{},"各ツールの舞台裏",": 画像圧縮 \u002F PDF 編集 \u002F 動画変換 \u002F ファビコン生成などの内部実装",[21,15887,15888],{"id":15888},"更新頻度",[11,15890,15891,15892,15895,15896,8059,15900,15904],{},"不定期ですが、ツールの追加・改善に合わせて更新します。記事の一覧は ",[76,15893,15894],{"href":15894},"\u002Fblog"," から、または ",[76,15897,15899],{"href":15898},"\u002Fblog\u002Ffeed.xml","RSS",[76,15901,15903],{"href":15902},"\u002Fblog\u002Ffeed.json","JSON Feed"," で購読できます。",[21,15906,398],{"id":398},[11,15908,15909,15910,15912],{},"まずはこの 1 本から。引き続き ",[76,15911,14274],{"href":12835}," のツール群もよろしくお願いします。",{"title":422,"searchDepth":423,"depth":423,"links":15914},[15915,15916,15917,15918],{"id":15856,"depth":423,"text":15856},{"id":15862,"depth":423,"text":15862},{"id":15888,"depth":423,"text":15888},{"id":398,"depth":423,"text":398},"ブラウザ内で完結するプライバシーファーストなオンラインツールを配信する Zerosend の公式ブログを開始します。扱うテーマと更新頻度について説明します。",{},"\u002Fblog\u002Fwelcome",{"title":15851,"description":15919},"welcome","blog\u002Fwelcome",[15926],"お知らせ","qWeGVg9xXJwmBE_vTgt8kwzVFyh4hc5kXl0dsfTAuew",{"id":15929,"title":12159,"author":6,"body":15930,"category":442,"coverImage":442,"description":16155,"draft":444,"extension":445,"locale":446,"meta":16156,"navigation":448,"noindex":444,"path":12158,"publishedAt":12198,"seo":16157,"slug":16158,"stem":16159,"tags":16160,"updatedAt":12198,"__hash__":16162},"blog\u002Fblog\u002Fwhy-browser-only.md",{"type":8,"value":15931,"toc":16145},[15932,15936,15939,15946,15949,15952,15978,15981,15984,15987,16013,16016,16020,16023,16050,16057,16060,16063,16082,16085,16087,16093,16098,16104,16106,16111,16113,16116,16138],[21,15933,15935],{"id":15934},"なぜ送らないのか","なぜ「送らない」のか",[11,15937,15938],{},"オンラインツールの多くはファイルをサーバーに送信して処理します。利便性は高いものの、ユーザーは自分のファイルがサーバー上でどう扱われるかを自分の目で確認できません。",[11,15940,15941,15942,15945],{},"Zerosend の設計原則はシンプルです。",[34,15943,15944],{},"「送らないのが一番確実」","。ファイルを外に出さなければ、ログも、漏洩も、第三者共有も原理的に存在しません。",[21,15947,15948],{"id":15948},"アップロード型ツールのリスク",[11,15950,15951],{},"「処理後に即削除」と書かれているツールを見かけますが、これを利用者側から検証する手段はほぼありません。サービス側のサーバーに一時的にでもファイルが到達する以上、次のようなリスクが残ります。",[42,15953,15954,15960,15966,15972],{},[45,15955,15956,15959],{},[34,15957,15958],{},"ログへの記録",": アクセスログにファイル名やメタデータが残る",[45,15961,15962,15965],{},[34,15963,15964],{},"従業員によるアクセス",": 内部ポリシーによってはサポート担当者などが参照できる",[45,15967,15968,15971],{},[34,15969,15970],{},"セキュリティインシデント",": サーバーが侵害された場合、処理待ちや一時保存中のファイルが漏洩する",[45,15973,15974,15977],{},[34,15975,15976],{},"利用規約の抜け穴",": AI 学習や品質改善目的での利用を広く許可していても、ユーザーは気付きにくい",[11,15979,15980],{},"業務文書・医療情報・個人の写真など、機密性の高いファイルを扱う場面では、この問題が深刻です。",[21,15982,15983],{"id":15983},"ブラウザ内処理で何ができるか",[11,15985,15986],{},"現代のブラウザは、かつてネイティブアプリが担っていた処理の多くを実行できます。",[42,15988,15989,15992,15995,16002],{},[45,15990,15991],{},"Canvas API による画像圧縮・リサイズ・形式変換",[45,15993,15994],{},"WebAssembly + ffmpeg による動画・音声の変換",[45,15996,15997,8059,15999,16001],{},[54,15998,4876],{},[54,16000,9744],{}," による PDF の結合・分割・ラスタライズ",[45,16003,16004,8059,16007,8059,16009,16012],{},[54,16005,16006],{},"File System Access API",[54,16008,14903],{},[54,16010,16011],{},"URL.createObjectURL"," を介したダウンロード",[11,16014,16015],{},"これらは全てクライアントサイドで完結します。インストール不要でブラウザを開くだけで使えるため、作業環境を選びません。",[21,16017,16019],{"id":16018},"devtools-で自分の目で確認する方法","DevTools で自分の目で確認する方法",[11,16021,16022],{},"「送っていません」という主張は、ユーザーが自分で確認できなければ信用するしかありません。Zerosend はブラウザ標準の DevTools で検証できる形にしています。",[124,16024,16025,16031,16036,16042,16047],{},[45,16026,16027,16030],{},[34,16028,16029],{},"F12 キーを押す"," (Mac は Cmd+Option+I) — DevTools が開く",[45,16032,16033],{},[34,16034,16035],{},"「Network」タブを選ぶ",[45,16037,16038,16041],{},[34,16039,16040],{},"「Fetch\u002FXHR」フィルターをオンにする"," — API 通信だけを絞り込む",[45,16043,16044],{},[34,16045,16046],{},"ツールにファイルをドロップして処理する",[45,16048,16049],{},"リストに表示される通信を確認。処理中に外部へのリクエストが起きないことを目視できる",[11,16051,16052,16053,16056],{},"CDN や解析スクリプトへの最小限の通信は残りますが、",[34,16054,16055],{},"処理対象のファイル自体が HTTP リクエストのボディに乗らない","ことは目視で確認できます。",[21,16058,16059],{"id":16059},"制約もある",[11,16061,16062],{},"ブラウザ内処理は万能ではありません。",[42,16064,16065,16070,16076],{},[45,16066,16067,16069],{},[34,16068,4974],{},": メモリに載る範囲で処理する必要がある",[45,16071,16072,16075],{},[34,16073,16074],{},"初回ロードが重い",": ffmpeg.wasm は約 30MB の WASM を取得する",[45,16077,16078,16081],{},[34,16079,16080],{},"複雑な処理はサーバーが速い",": 大規模な機械学習推論はまだブラウザには重い",[11,16083,16084],{},"Zerosend は「日常的な軽作業をブラウザで完結させる」範囲に絞ることで、この制約の中で価値を出しています。",[21,16086,359],{"id":359},[11,16088,16089,16092],{},[34,16090,16091],{},"Q. ブラウザ内処理でも履歴は残りますか？","\nA. ファイルデータはサーバーに送られません。ブラウザの閲覧履歴にはアクセスしたページの URL が残りますが、どの Web サービスでも同様です。ファイルの内容はブラウザのメモリ上で処理され、ページを閉じれば消えます。",[11,16094,16095,16097],{},[34,16096,2018],{},"\nA. 画像系ツールはページ読み込み後ならオフラインでも動作します。ffmpeg.wasm を使う動画・音声系ツールは初回の WASM 取得にネットワークが必要ですが、取得後はオフラインで処理できます。",[11,16099,16100,16103],{},[34,16101,16102],{},"Q. スマートフォンでも動きますか？","\nA. Safari (iOS) \u002F Chrome (Android) の最新版で動作します。大きなファイルはスマートフォンのメモリ制限に引っかかる場合があります。",[21,16105,398],{"id":398},[11,16107,16108,16109,5496],{},"「送らない」は、透明性と検証可能性をユーザーに返す設計です。詳しい技術背景は ",[76,16110,12163],{"href":12162},[21,16112,7900],{"id":7900},[11,16114,16115],{},"Zerosend では画像・動画・音声・PDF の処理をすべてブラウザ内で完結するツールを提供しています。",[42,16117,16118,16123,16128,16133],{},[45,16119,16120,16122],{},[76,16121,8358],{"href":4206}," — 写真や画像をサーバーに送らず軽量化",[45,16124,16125,16127],{},[76,16126,7921],{"href":7920}," — 会議録画や旅行動画を安全にカット",[45,16129,16130,16132],{},[76,16131,9438],{"href":9437}," — 機密文書を手元だけで結合",[45,16134,16135,16137],{},[76,16136,10766],{"href":10765}," — スキャン結果もローカル処理",[11,16139,16140,16141,16144],{},"全ツール一覧は ",[76,16142,16143],{"href":12835},"トップページ"," で確認できます。",{"title":422,"searchDepth":423,"depth":423,"links":16146},[16147,16148,16149,16150,16151,16152,16153,16154],{"id":15934,"depth":423,"text":15935},{"id":15948,"depth":423,"text":15948},{"id":15983,"depth":423,"text":15983},{"id":16018,"depth":423,"text":16019},{"id":16059,"depth":423,"text":16059},{"id":359,"depth":423,"text":359},{"id":398,"depth":423,"text":398},{"id":7900,"depth":423,"text":7900},"ファイルをサーバーにアップロードしない設計を選んだ理由と、ブラウザ内処理の利点・制約を整理します。DevTools の Network タブで自ら検証できる透明性について書きました。",{},{"title":12159,"description":16155},"why-browser-only","blog\u002Fwhy-browser-only",[814,16161],"設計","tlDh92SJcdqfwID_vZe6xWmz2EJFDwYIL0qkVDzZZvk",1780617924250]