[{"data":1,"prerenderedAt":4305},["ShallowReactive",2],{"blog-tag-ja-tools":3},[4,188,445,690,891,1109,1334,1550,1749,1955,2103,2333,2525,2745,2975,3209,3449,3625,3874,4078],{"id":5,"title":6,"author":7,"body":8,"category":169,"coverImage":170,"description":171,"draft":172,"extension":173,"locale":174,"meta":175,"navigation":176,"noindex":172,"path":177,"publishedAt":178,"seo":179,"slug":180,"stem":181,"tags":182,"updatedAt":178,"__hash__":187},"blog\u002Fblog\u002Fqr-code-business-card.md","QRコード付き名刺を無料で作成する方法｜初心者でも5分で完成","Zerosend Editorial",{"type":9,"value":10,"toc":158},"minimark",[11,16,20,23,26,29,33,36,43,49,55,61,63,66,77,84,88,122,124,128,131,137,143,149,151],[12,13,15],"h2",{"id":14},"qrコード付き名刺が今どき求められる理由","QRコード付き名刺が今どき求められる理由",[17,18,19],"p",{},"名刺交換の場面で「URLが長くて打ち込むのが大変」「SNSのプロフィールを伝えたいけど口頭では難しい」と感じたことはないでしょうか。QRコードを名刺に載せておくと、スマートフォンをかざすだけでWebサイト・ポートフォリオ・SNSページへ誘導できます。相手の手間が大幅に減るため、展示会や商談、フリーランスの営業活動など幅広いシーンで活用が広がっています。",[17,21,22],{},"また、QRコードを使うメリットはアクセスのしやすさだけではありません。URLを後から変更したい場合でも、QRコードが指すリンク先（自分のプロフィールページなど）を更新すれば対応できるため、名刺を刷り直す手間を減らせることも見逃せないポイントです。",[17,24,25],{},"一方で「QRコードってどうやって作るの？」「無料でちゃんとしたものが作れるの？」という疑問を持つ方も多いでしょう。結論から言えば、専用ソフトを購入したりデザイン会社に依頼したりしなくても、無料のオンラインツールで十分なクオリティのQRコードが作れます。",[27,28],"hr",{},[12,30,32],{"id":31},"qrコードを無料で作成するときに気をつけたいこと","QRコードを無料で作成するときに気をつけたいこと",[17,34,35],{},"無料ツールは数多く存在しますが、選ぶ際に注意したい点がいくつかあります。",[17,37,38,42],{},[39,40,41],"strong",{},"画質・サイズの問題","\n名刺に印刷するQRコードは、画面表示とは異なり一定以上の解像度が必要です。低解像度のPNGしか出力できないツールだと、印刷時にぼやけて読み取りエラーが起きることがあります。SVG形式（拡大しても劣化しないベクター形式）で出力できるツールを選ぶと安心です。",[17,44,45,48],{},[39,46,47],{},"個人情報の取り扱い","\n名刺に載せるURLには、自分のWebサイトや連絡先ページなど、ある程度個人に紐づいた情報が含まれます。ツールによっては入力した文字列をサーバーに送信・ログとして記録しているケースもあるため、プライバシーの観点から確認が必要です。",[17,50,51,54],{},[39,52,53],{},"登録不要かどうか","\nメールアドレス登録やアカウント作成が必須のツールは、手軽さという面でハードルが上がります。すぐに試せる登録不要のツールを選ぶと、作業効率が上がります。",[17,56,57,60],{},[39,58,59],{},"有料機能への誘導","\n「無料で使えると思ったら、ダウンロードだけ有料だった」というパターンも珍しくありません。出力まで完全無料かどうかを事前に確認しましょう。",[27,62],{},[12,64,65],{"id":65},"ブラウザだけで完結する無料ツールを使った作成手順",[17,67,68,69,76],{},"上記の注意点をまとめると、「高解像度出力・プライバシー配慮・登録不要・完全無料」の4条件を満たすツールが理想的です。そのひとつとして紹介したいのが、",[70,71,75],"a",{"href":72,"rel":73},"https:\u002F\u002Fzerosend.site\u002Ftools\u002Fqr-create",[74],"nofollow","QR コード生成ツール","です。",[17,78,79,80,83],{},"このツールの大きな特徴は、",[39,81,82],{},"入力したテキストやURLをサーバーに送信しない","点です。QRコードの生成処理がすべてブラウザ内で完結するため、入力した情報が外部に漏れる心配がありません。名刺に載せるURLや連絡先情報を扱う場合、この「ローカル処理」という仕組みは安心感につながります。",[85,86,87],"h3",{"id":87},"実際の操作手順",[89,90,91,98,104,110,116],"ol",{},[92,93,94,97],"li",{},[39,95,96],{},"ツールページを開く","\nブラウザでツールにアクセスします。アカウント登録やインストールは不要です。",[92,99,100,103],{},[39,101,102],{},"テキスト・URLを入力する","\n名刺に載せたいURL（自社サイト、ポートフォリオ、SNSプロフィールなど）を入力欄に貼り付けます。vCard形式のテキストを入力すれば、連絡先情報をまとめてQRコードに埋め込むこともできます。",[92,105,106,109],{},[39,107,108],{},"プレビューを確認する","\n入力と同時にQRコードのプレビューが表示されます。スマートフォンのカメラで試し読みして、正しくリンク先に飛べるか確認しましょう。",[92,111,112,115],{},[39,113,114],{},"ダウンロードする","\n問題がなければダウンロードボタンからQRコード画像を保存します。PNG・SVGなど用途に合わせて形式を選べます。名刺印刷用にはSVGを選ぶと、印刷会社に入稿する際に拡大・縮小しても画質が落ちません。",[92,117,118,121],{},[39,119,120],{},"名刺デザインに配置する","\nダウンロードした画像をIllustratorやCanva、Word、PowerPointなど使い慣れたソフトの名刺テンプレートに貼り付ければ完成です。QRコードのサイズは名刺上で最低でも1.5cm角を確保すると読み取りやすくなります。",[27,123],{},[12,125,127],{"id":126},"名刺qrコードをより効果的に使うための3つのコツ","名刺QRコードをより効果的に使うための3つのコツ",[17,129,130],{},"QRコードを名刺に入れるだけで満足せず、もう一歩工夫すると効果が高まります。",[17,132,133,136],{},[39,134,135],{},"① リンク先をスマートフォン対応ページにする","\nQRコードを読み取るのはスマートフォンがほとんどです。リンク先のページがモバイル非対応だと、せっかくアクセスしてもらっても離脱されてしまいます。リンク前にスマートフォンで表示確認をしておきましょう。",[17,138,139,142],{},[39,140,141],{},"② QRコードの近くに一言添える","\n「詳細はこちらから」「ポートフォリオを見る」など、QRコードの下に小さくテキストを入れると、読み取る動機づけになります。特に年配の方や普段QRコードを使い慣れていない方への配慮として有効です。",[17,144,145,148],{},[39,146,147],{},"③ 定期的にリンク先をチェックする","\nURLが変わった、ページを削除したなどの理由でQRコードが無効になるケースがあります。名刺を大量に印刷する前に、そして印刷後も定期的にリンク先が有効かどうか確認する習慣をつけましょう。",[27,150],{},[17,152,153,154,157],{},"QRコード付き名刺は、紙の名刺とデジタル情報をつなぐシンプルながら強力な手段です。無料ツールを使えば費用をかけずに導入できるので、まだ試していない方はぜひ一度作成してみてください。プライバシーを気にする方には、ブラウザ内処理で安全に使える",[70,155,75],{"href":72,"rel":156},[74],"が選択肢のひとつになるはずです。",{"title":159,"searchDepth":160,"depth":160,"links":161},"",2,[162,163,164,168],{"id":14,"depth":160,"text":15},{"id":31,"depth":160,"text":32},{"id":65,"depth":160,"text":65,"children":165},[166],{"id":87,"depth":167,"text":87},3,{"id":126,"depth":160,"text":127},"tech",null,"QRコード付き名刺を無料で作る手順を分かりやすく解説。ブラウザだけで完結するツールを使えば、個人情報をサーバーに送らず安全に作成できます。",false,"md","ja",{},true,"\u002Fblog\u002Fqr-code-business-card","2026-05-14",{"title":6,"description":171},"qr-code-business-card","blog\u002Fqr-code-business-card",[183,184,185,186],"業務","プライバシー","ツール","Web制作","hrm-tYjDGxrWDI7oF94te57zkkMH6fyHYcsGGqLe9PM",{"id":189,"title":190,"author":7,"body":191,"category":169,"coverImage":170,"description":434,"draft":172,"extension":173,"locale":174,"meta":435,"navigation":176,"noindex":172,"path":436,"publishedAt":437,"seo":438,"slug":439,"stem":440,"tags":441,"updatedAt":437,"__hash__":444},"blog\u002Fblog\u002Faudio-convert-intro.md","音声形式を変換する — \u002Ftools\u002Faudio-convert の思想と使い方",{"type":9,"value":192,"toc":423},[193,196,203,206,233,236,243,246,249,271,274,300,303,329,332,335,360,363,366,372,378,384,390,393],[17,194,195],{},"取材の録音を MP3 に揃えたい、古い WAV ファイルを容量節約のため M4A に変えたい、ポッドキャスト配信用の形式に統一したい。音声ファイルの形式変換は、取材者・編集者・音楽制作者が日常的に行う作業です。",[17,197,198,202],{},[70,199,201],{"href":200},"\u002Ftools\u002Faudio-convert","Zerosend の音声形式変換ツール"," は、この作業をブラウザ内で完結させます。",[12,204,205],{"id":205},"主なユースケース",[207,208,209,215,221,227],"ul",{},[92,210,211,214],{},[39,212,213],{},"MP3 で圧縮配布",": WAV や FLAC などのマスター音源を MP3 に変換して容量を大幅に削減し、メールや共有リンクで配布しやすくする",[92,216,217,220],{},[39,218,219],{},"WAV で高音質保存",": 録音した音声インタビューや楽曲を非圧縮の WAV で保存し、後の編集作業に備える",[92,222,223,226],{},[39,224,225],{},"動画ファイルから MP3 を抽出",": 講演・ウェビナーの録画動画から音声トラックだけを取り出し、ポッドキャストや音声コンテンツとして再利用する",[92,228,229,232],{},[39,230,231],{},"形式の統一",": 複数人から集まった異なる形式の録音ファイルを、編集ソフトに合わせて一括で同一形式に変換する",[12,234,235],{"id":235},"なぜブラウザ内で変換するのか",[17,237,238,239,242],{},"録音された音声は、",[39,240,241],{},"発話の中身そのもの","を情報として持ちます。インタビュー対象者の声、打ち合わせでの発言、取材源の証言。これらを無料のオンライン変換サービスに預けることは、発話内容そのものを第三者のサーバーに預けることと同じです。",[17,244,245],{},"Zerosend は変換処理をローカルで行うため、音声ファイルが一切外に出ません。取材ソースの保護や NDA 下の音源加工でも安全に使えます。",[12,247,248],{"id":248},"使い方",[89,250,251,259,262,265,268],{},[92,252,253,258],{},[70,254,255],{"href":200},[256,257,200],"code",{}," を開く",[92,260,261],{},"音声ファイルをドラッグ&ドロップ (複数可)",[92,263,264],{},"出力形式 (MP3 \u002F WAV \u002F M4A \u002F OGG) とビットレートを選択",[92,266,267],{},"「変換を開始する」をクリック",[92,269,270],{},"結果を ZIP でダウンロード",[12,272,273],{"id":273},"形式の選び方",[207,275,276,282,288,294],{},[92,277,278,281],{},[39,279,280],{},"MP3",": 最も汎用。ポッドキャスト・配信・共有の標準",[92,283,284,287],{},[39,285,286],{},"WAV",": 可逆 (ロスレス)。編集中のマスター音源・音楽制作用",[92,289,290,293],{},[39,291,292],{},"M4A (AAC)",": MP3 より圧縮効率が良い。iOS 環境で標準",[92,295,296,299],{},[39,297,298],{},"OGG (Vorbis)",": オープン形式。ゲーム・一部ブラウザで効率重視",[85,301,302],{"id":302},"ビットレートの目安",[207,304,305,311,317,323],{},[92,306,307,310],{},[39,308,309],{},"320 kbps",": 音質最優先 (MP3 の実用上限)",[92,312,313,316],{},[39,314,315],{},"192 kbps",": 標準品質。一般向け音声の定番",[92,318,319,322],{},[39,320,321],{},"128 kbps",": 容量優先。音声解説・ポッドキャスト",[92,324,325,328],{},[39,326,327],{},"96 kbps 以下",": 会話のみの録音など、音質より軽さ",[12,330,331],{"id":331},"仕組み",[17,333,334],{},"ffmpeg.wasm を使って再エンコードしています。",[207,336,337,340,354,357],{},[92,338,339],{},"入力音声を ffmpeg FS に書き込み",[92,341,342,343,346,347,346,350,353],{},"出力形式に応じたエンコーダ (",[256,344,345],{},"libmp3lame",", ",[256,348,349],{},"aac",[256,351,352],{},"libvorbis"," など) を指定",[92,355,356],{},"ビットレート・チャンネル数・サンプリングレートを設定",[92,358,359],{},"出力 Blob を生成してダウンロード",[17,361,362],{},"メタデータ (タイトル・アーティスト) は極力引き継ぎます。",[12,364,365],{"id":365},"よくある質問",[17,367,368,371],{},[39,369,370],{},"Q. 可逆 → 非可逆 (WAV → MP3) と 非可逆 → 非可逆 (MP3 → M4A) の違いは？","\nA. 非可逆 → 非可逆は二重に圧縮されるため音質がさらに劣化します。マスター音源 (WAV) から目的形式に直接変換するのをお勧めします。",[17,373,374,377],{},[39,375,376],{},"Q. 複数ファイルのバッチ変換は？","\nA. 対応しています。10〜20 ファイル程度を 1 バッチで処理するのが現実的です。",[17,379,380,383],{},[39,381,382],{},"Q. 動画から音声だけ抜き出したい","\nA. 動画ファイルを入力すれば音声トラックを抽出して指定形式で書き出します。",[17,385,386,389],{},[39,387,388],{},"Q. ビットレートを自由に指定できる？","\nA. プリセットから選ぶ方式です。細かい制御が必要なら別途専門ツールを検討してください。",[12,391,392],{"id":392},"関連ツール",[207,394,395,402,409,416],{},[92,396,397,401],{},[70,398,400],{"href":399},"\u002Ftools\u002Faudio-trim","音声トリミング"," — 変換前後の区間切り出し",[92,403,404,408],{},[70,405,407],{"href":406},"\u002Ftools\u002Fvideo-convert","動画形式変換"," — 動画側の形式変換",[92,410,411,415],{},[70,412,414],{"href":413},"\u002Ftools\u002Fvideo-trim","動画トリミング"," — 音声抽出前の動画整形",[92,417,418,422],{},[70,419,421],{"href":420},"\u002Ftools\u002Fvideo-compress","動画圧縮"," — 動画から音声を抽出する前に動画サイズを削減する",{"title":159,"searchDepth":160,"depth":160,"links":424},[425,426,427,428,431,432,433],{"id":205,"depth":160,"text":205},{"id":235,"depth":160,"text":235},{"id":248,"depth":160,"text":248},{"id":273,"depth":160,"text":273,"children":429},[430],{"id":302,"depth":167,"text":302},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の音声形式変換ツールは、MP3 \u002F WAV \u002F M4A \u002F FLAC \u002F OGG などをサーバーに送らずブラウザ内で相互変換します。録音インタビューや音源ファイルの形式統一に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-convert-intro","2026-04-20",{"title":190,"description":434},"audio-convert-intro","blog\u002Faudio-convert-intro",[442,443,185],"音声","変換","OlXJ1MeL-A2cx6TnCW2yQ2e3upQHsBkoPqR_cseAvY8",{"id":446,"title":447,"author":7,"body":448,"category":169,"coverImage":170,"description":681,"draft":172,"extension":173,"locale":174,"meta":682,"navigation":176,"noindex":172,"path":683,"publishedAt":437,"seo":684,"slug":685,"stem":686,"tags":687,"updatedAt":437,"__hash__":689},"blog\u002Fblog\u002Faudio-trim-intro.md","音声をトリミング (切り出し) する — \u002Ftools\u002Faudio-trim の思想と使い方",{"type":9,"value":449,"toc":671},[450,453,458,461,499,502,505,512,514,534,538,545,548,550,561,574,581,584,610,612,618,628,634,640,652,654],[17,451,452],{},"60 分のインタビューから引用したい 30 秒を抜き出したい、会議録音の不要な冒頭\u002F末尾をカットしたい、ポッドキャスト素材のつなぎ目を整えたい。音声のトリミングは、録音後の編集で最初に行う作業です。",[17,454,455,202],{},[70,456,457],{"href":399},"Zerosend の音声トリミングツール",[12,459,460],{"id":460},"こんな場面で使える",[207,462,463,469,475,481,487,493],{},[92,464,465,468],{},[39,466,467],{},"ポッドキャスト収録の前後カット",": 収録開始前の雑談や終了後の「切れましたか？」をまるごと除去",[92,470,471,474],{},[39,472,473],{},"BGM の切り出し",": 長いオーディオトラックから使いたいサビ部分だけを抽出",[92,476,477,480],{},[39,478,479],{},"着信音・通知音の作成",": お気に入りの曲の冒頭 30 秒をトリミングして着信音用ファイルに",[92,482,483,486],{},[39,484,485],{},"インタビュー引用",": 60 分音源から 30 秒の発言だけを抜き出してプレゼンや記事に添付",[92,488,489,492],{},[39,490,491],{},"会議録音の整理",": 30 分の会議音声から議題ごとに区間を切り出してアーカイブ",[92,494,495,498],{},[39,496,497],{},"語学学習素材",": リスニング教材の特定フレーズだけを繰り返し練習するために切り出す",[12,500,501],{"id":501},"なぜブラウザ内でトリミングするのか",[17,503,504],{},"音声ファイルには発話内容そのものが記録されています。インタビュー、取材、商談、カウンセリング、医療相談。どれも機密性が高く、当事者以外に聞かれることを想定していない音声です。",[17,506,507,508,511],{},"「一部だけ切り出したい」という作業でも、オンラインツールに預けると",[39,509,510],{},"入力した音声全体","が相手に渡ります。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生せず、音源全体の機密が守られます。",[12,513,248],{"id":248},[89,515,516,522,525,528,531],{},[92,517,518,258],{},[70,519,520],{"href":399},[256,521,399],{},[92,523,524],{},"音声ファイルをドラッグ&ドロップ",[92,526,527],{},"開始時刻・終了時刻を指定",[92,529,530],{},"「トリミングを開始する」をクリック",[92,532,533],{},"切り出された音声をダウンロード",[12,535,537],{"id":536},"ffmpegwasm-によるブラウザ内処理","ffmpeg.wasm によるブラウザ内処理",[17,539,540,541,544],{},"動画・音声処理の定番ツール ffmpeg は、本来ターミナルから使うソフトウェアです。",[39,542,543],{},"ffmpeg.wasm"," はこれを WebAssembly でブラウザ上で動くようにしたもので、インストール不要でネイティブアプリ並みの音声処理が手元で行えます。",[17,546,547],{},"Zerosend の音声トリミングも ffmpeg.wasm を通じて動作するため、音声データがサーバーに送られることはありません。機密性の高い音声もブラウザのタブを閉じれば跡形もなく消えます。",[12,549,331],{"id":331},[17,551,552,553,556,557,560],{},"ffmpeg.wasm の ",[256,554,555],{},"-ss"," \u002F ",[256,558,559],{},"-to"," オプションで指定区間を抽出します。",[207,562,563,565,571],{},[92,564,339],{},[92,566,567,570],{},[256,568,569],{},"-ss \u003Cstart> -i input -to \u003Cend> -c copy output"," でロスレス抽出",[92,572,573],{},"再エンコードなしで切り出すため処理が速く音質劣化もない",[17,575,576,577,580],{},"入力がどの形式であっても、基本的には同じ形式で書き出されます。形式を変えたいときは ",[70,578,579],{"href":200},"音声形式変換"," と組み合わせてください。",[12,582,583],{"id":583},"使いどころ",[207,585,586,592,598,604],{},[92,587,588,591],{},[39,589,590],{},"インタビューの引用",": 60 分音源から 30 秒の引用箇所を切り出す",[92,593,594,597],{},[39,595,596],{},"不要区間の除去",": 録音冒頭の環境音や末尾の雑音をカット",[92,599,600,603],{},[39,601,602],{},"ポッドキャスト編集",": 冗長な「えー」「あのー」を含む区間を削除 (1 区間ずつ)",[92,605,606,609],{},[39,607,608],{},"会議議事録の根拠音声",": 要旨に関連する数分の根拠区間を抜き出す",[12,611,365],{"id":365},[17,613,614,617],{},[39,615,616],{},"Q. MP3 は正確にカットできますか？","\nA. MP3 はフレーム境界に依存するため、指定した時刻の直前のフレーム境界に揃います。秒単位の切り出しなら実用上問題ありません。WAV や FLAC などのロスレス形式はより正確なカットが可能です。",[17,619,620,623,624,627],{},[39,621,622],{},"Q. 音質は落ちますか？","\nA. ",[256,625,626],{},"-c copy"," によるロスレス抽出のため、再エンコードが発生せず元の音質がそのまま保持されます。MP3 を MP3 のまま切り出しても音質の劣化はありません。",[17,629,630,633],{},[39,631,632],{},"Q. 複数区間を切り出して連結できる？","\nA. 現状は 1 区間のみです。複数区間を抽出したい場合は 1 つずつ切り出してから別途連結してください。",[17,635,636,639],{},[39,637,638],{},"Q. フェードイン\u002Fフェードアウトを追加できますか？","\nA. 現状は非対応です。必要なら切り出した音声を別の編集ツールで処理してください。",[17,641,642,645,646,648,649,651],{},[39,643,644],{},"Q. 動画ファイルから音声部分だけ切り出したい","\nA. 動画ファイルを入力して ",[70,647,579],{"href":200}," を使うと、動画の音声トラックを指定形式で抽出できます。トリミングしたい区間があるなら、まず ",[70,650,414],{"href":413}," で区間抽出 → 音声形式変換、の順がお勧めです。",[12,653,392],{"id":392},[207,655,656,661,666],{},[92,657,658,660],{},[70,659,579],{"href":200}," — トリミング後に形式を変えたいとき",[92,662,663,665],{},[70,664,414],{"href":413}," — 映像付きの区間抽出",[92,667,668,670],{},[70,669,407],{"href":406}," — 動画側の処理",{"title":159,"searchDepth":160,"depth":160,"links":672},[673,674,675,676,677,678,679,680],{"id":460,"depth":160,"text":460},{"id":501,"depth":160,"text":501},{"id":248,"depth":160,"text":248},{"id":536,"depth":160,"text":537},{"id":331,"depth":160,"text":331},{"id":583,"depth":160,"text":583},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の音声トリミングツールは、音声ファイルをサーバーに送らずブラウザ内で任意の区間だけ切り出します。長尺インタビュー・会議録音・ポッドキャスト素材の整形に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Faudio-trim-intro",{"title":447,"description":681},"audio-trim-intro","blog\u002Faudio-trim-intro",[442,688,185],"トリミング","3lyRp4i_uBJXVcGETt_dsJVycY31Z5iFzImR5G2TGi0",{"id":691,"title":692,"author":7,"body":693,"category":169,"coverImage":170,"description":880,"draft":172,"extension":173,"locale":174,"meta":881,"navigation":176,"noindex":172,"path":882,"publishedAt":437,"seo":883,"slug":884,"stem":885,"tags":886,"updatedAt":437,"__hash__":890},"blog\u002Fblog\u002Fheic-to-jpg-intro.md","HEIC を JPG に変換する — \u002Ftools\u002Fheic-to-jpg の思想と使い方",{"type":9,"value":694,"toc":871},[695,698,705,709,716,742,745,748,752,755,758,760,778,780,790,810,813,815,821,827,833,839,841],[17,696,697],{},"iPhone で撮影した写真を PC や同僚に送ったら「開けません」と言われた経験、ありますよね。iPhone の標準形式 HEIC (High Efficiency Image Container) は、Apple エコシステム外では互換性が限定的です。Windows 10 以降はアドオンが必要、画像編集ソフトも対応が遅れがちです。",[17,699,700,704],{},[70,701,703],{"href":702},"\u002Ftools\u002Fheic-to-jpg","Zerosend の HEIC → JPG 変換ツール"," は、この問題をブラウザ内で解決します。",[12,706,708],{"id":707},"heic-とは","HEIC とは",[17,710,711,712,715],{},"HEIC は Apple が iOS 11 から採用した画像フォーマットです。HEVC (H.265) という映像圧縮技術を静止画に応用したもので、同等画質の JPG と比べてファイルサイズを約半分に抑えられます。iPhone のストレージを節約するうえで有効な形式ですが、",[39,713,714],{},"Apple 外のシステムでは素直に開けない","という問題を持っています。",[207,717,718,724,730,736],{},[92,719,720,723],{},[39,721,722],{},"Windows PC",": 標準では開けず、Microsoft Store から有償の HEVC コーデックをインストールする必要がある",[92,725,726,729],{},[39,727,728],{},"古い画像編集ソフト",": Photoshop や Lightroom の古いバージョンは非対応",[92,731,732,735],{},[39,733,734],{},"Web サービス",": X (Twitter)・Facebook・note など多くのプラットフォームで HEIC のアップロードが弾かれる",[92,737,738,741],{},[39,739,740],{},"Android",": HEIC をネイティブで扱えない機種が多い",[12,743,744],{"id":744},"変換が必要な主な場面",[17,746,747],{},"Windows の仕事用 PC で iPhone の写真を開きたいとき、ブログや SNS に iPhone 写真を投稿しようとして弾かれたとき、クライアントへ納品する写真素材のファイル形式を統一するとき——いずれも JPG への変換が最短解です。",[12,749,751],{"id":750},"なぜブラウザ内で-heic-を変換するのか","なぜブラウザ内で HEIC を変換するのか",[17,753,754],{},"iPhone で撮った写真は、個人・家族・仕事の私的情景を含みがちです。顔、家の中、位置情報、撮影日時。これらを無料のオンライン変換サービスにアップロードすることは、事実上それらの情報を第三者に預けることを意味します。",[17,756,757],{},"Zerosend は、HEIC のデコードから JPG の書き出しまで、すべてブラウザ内で行います。写真自体が外に出ないため、NDA 下の撮影素材や家族の写真でも安心して使えます。",[12,759,248],{"id":248},[89,761,762,768,771,774,776],{},[92,763,764,258],{},[70,765,766],{"href":702},[256,767,702],{},[92,769,770],{},"HEIC \u002F HEIF 形式の画像をドラッグ&ドロップ (複数可)",[92,772,773],{},"品質 (JPG の圧縮率) を選択",[92,775,267],{},[92,777,270],{},[12,779,331],{"id":331},[17,781,782,783,786,787,789],{},"HEIC のデコードはブラウザ標準ではまだ実装されていないため、",[256,784,785],{},"heic2any"," ライブラリを読み込んで使っています。",[256,788,785],{}," は libheif を WebAssembly 化したもので、ブラウザ内で HEIC を Blob として展開できます。",[207,791,792,795,800,803],{},[92,793,794],{},"HEIC ファイルを ArrayBuffer として読み込み",[92,796,797,799],{},[256,798,785],{}," で JPEG Blob に変換 (libheif の WASM が実行される)",[92,801,802],{},"必要なら Canvas 経由で品質を再指定",[92,804,805,806,809],{},"元のファイル名を保持したまま ",[256,807,808],{},".jpg"," 拡張子で書き出し",[17,811,812],{},"初回のみ libheif の WASM (約 2MB) をダウンロードするため少し待ち時間がありますが、2 回目以降はキャッシュから即時起動します。",[12,814,365],{"id":365},[17,816,817,820],{},[39,818,819],{},"Q. HEIC と HEIF の違いは？","\nA. HEIF がコンテナフォーマットの総称で、HEIC はその中で HEVC (H.265) でエンコードされた静止画を指します。本ツールは両方対応しています。",[17,822,823,826],{},[39,824,825],{},"Q. Live Photo はどうなりますか？","\nA. 静止画部分のみが JPG として書き出されます。動画部分は含まれません。動画も抽出したい場合は別途 iPhone 側で「書き出す > 現状のまま」を使ってください。",[17,828,829,832],{},[39,830,831],{},"Q. EXIF (撮影日時・位置情報) は引き継がれますか？","\nA. 一部情報は失われます。位置情報のプライバシー観点ではむしろ利点です。",[17,834,835,838],{},[39,836,837],{},"Q. 複数ファイルまとめて変換できますか？","\nA. はい。ZIP で一括ダウンロードできます。数十枚程度までは快適に処理できます。",[12,840,392],{"id":392},[207,842,843,850,857,864],{},[92,844,845,849],{},[70,846,848],{"href":847},"\u002Ftools\u002Fimage-compress","画像圧縮"," — JPG 変換後にさらに軽くしたいとき",[92,851,852,856],{},[70,853,855],{"href":854},"\u002Ftools\u002Fimage-resize","画像リサイズ"," — 送信前に寸法も揃える",[92,858,859,863],{},[70,860,862],{"href":861},"\u002Ftools\u002Fimage-convert","画像形式変換"," — JPG \u002F PNG \u002F WebP の相互変換",[92,865,866,870],{},[70,867,869],{"href":868},"\u002Ftools\u002Fimage-to-pdf","画像 → PDF"," — 変換後の JPG をまとめて PDF 化する",{"title":159,"searchDepth":160,"depth":160,"links":872},[873,874,875,876,877,878,879],{"id":707,"depth":160,"text":708},{"id":744,"depth":160,"text":744},{"id":750,"depth":160,"text":751},{"id":248,"depth":160,"text":248},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"iPhone で撮った HEIC 画像を Windows \u002F Android や古いシステムで開けるよう JPG に変換するツール。サーバーに送らずブラウザ内で変換する仕組みと注意点を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fheic-to-jpg-intro",{"title":692,"description":880},"heic-to-jpg-intro","blog\u002Fheic-to-jpg-intro",[887,888,889,185],"HEIC","画像","iPhone","NbDoeVSgFPWUufoUokX_--BrmUj9tyIBQSEzbnQ7-e4",{"id":892,"title":893,"author":7,"body":894,"category":169,"coverImage":170,"description":1101,"draft":172,"extension":173,"locale":174,"meta":1102,"navigation":176,"noindex":172,"path":1103,"publishedAt":437,"seo":1104,"slug":1105,"stem":1106,"tags":1107,"updatedAt":437,"__hash__":1108},"blog\u002Fblog\u002Fimage-convert-intro.md","画像形式変換をブラウザ内で — \u002Ftools\u002Fimage-convert の思想と使い方",{"type":9,"value":895,"toc":1092},[896,899,902,928,934,937,940,943,950,953,955,974,976,1002,1009,1011,1018,1040,1047,1049,1055,1061,1067,1073,1075],[17,897,898],{},"「PNG で貰ったロゴを JPEG にしたい」「iPhone で撮った HEIC を JPG で送りたい」「サイト表示を速くするために WebP に揃えたい」。画像の形式変換は地味ですが発生頻度の高い作業です。",[17,900,901],{},"よくあるユースケースを整理するとこうなります。",[207,903,904,910,916,922],{},[92,905,906,909],{},[39,907,908],{},"Web 担当者",": 納品された PNG 素材を WebP に変換してページ表示を高速化したい",[92,911,912,915],{},[39,913,914],{},"デザイナー",": 透過 PNG のロゴを、背景色固定の JPEG に変換してメール添付したい",[92,917,918,921],{},[39,919,920],{},"一般ユーザー",": Windows で開けない HEIC をとにかく JPG に直したい",[92,923,924,927],{},[39,925,926],{},"開発者",": 複数形式が混在した画像フォルダを WebP に一括統一したい",[17,929,930,933],{},[70,931,932],{"href":861},"Zerosend の画像形式変換ツール"," は、この日常作業をブラウザ内で完結させます。一度も外に出さずに、あなたの端末だけで別形式に書き出します。",[12,935,936],{"id":936},"形式を変換したい主な理由",[17,938,939],{},"画像形式ごとに得意な用途が異なります。目的に合った形式を選ぶだけで、ファイルサイズが 30〜50% 小さくなったり、透過表現が使えるようになったりします。変換そのものを手軽にできる環境があると、素材管理の自由度が大きく上がります。",[12,941,942],{"id":942},"なぜブラウザ内で形式変換するのか",[17,944,945,946,949],{},"画像変換サービスの多くは、アップロード → サーバーで変換 → ダウンロード という流れです。社員写真、契約書のスキャン、製品デザイン案。",[39,947,948],{},"中身を見られたくない画像ほど、オンライン変換ツールに投げづらい","のが現実です。",[17,951,952],{},"Zerosend は、変換処理そのものがブラウザ内で完結するため、機密性の高い素材でもそのまま使えます。DevTools の Network タブを開いたまま変換しても、画像本体がアップロードされていないことを自分で確認できます。",[12,954,248],{"id":248},[89,956,957,963,966,969,971],{},[92,958,959,258],{},[70,960,961],{"href":861},[256,962,861],{},[92,964,965],{},"画像をドラッグ&ドロップ (複数可)",[92,967,968],{},"出力形式 (JPEG \u002F PNG \u002F WebP) と品質を選択",[92,970,267],{},[92,972,973],{},"結果を ZIP でまとめてダウンロード",[12,975,273],{"id":273},[207,977,978,984,990,996],{},[92,979,980,983],{},[39,981,982],{},"JPEG",": 写真・背景画像。透過不要。古いブラウザ\u002Fアプリ互換性が最重要なら",[92,985,986,989],{},[39,987,988],{},"PNG",": ロゴ・UI パーツ・透過必要なグラフィック。可逆圧縮",[92,991,992,995],{},[39,993,994],{},"WebP",": 汎用。JPEG より 25〜35% 小さくなり、透過も扱える。モダン用途の標準",[92,997,998,1001],{},[39,999,1000],{},"AVIF",": 更に小さいが生成コストが高く、ブラウザ対応がまだ揃いきらない",[17,1003,1004,1005,1008],{},"ブログや EC で表示速度を気にするなら ",[39,1006,1007],{},"WebP 一択","と言って差し支えありません。",[12,1010,331],{"id":331},[17,1012,1013,1014,1017],{},"Canvas API の ",[256,1015,1016],{},"canvas.toBlob(callback, 'image\u002Fwebp', quality)"," を使って変換しています。ブラウザ標準のエンコーダなので、外部ライブラリ依存もありません。",[207,1019,1020,1027,1034],{},[92,1021,1022,1023,1026],{},"入力画像を ",[256,1024,1025],{},"\u003Cimg>"," として読み込み",[92,1028,1029,1030,1033],{},"同寸の ",[256,1031,1032],{},"\u003Ccanvas>"," に描画",[92,1035,1036,1039],{},[256,1037,1038],{},"toBlob"," で出力形式と品質を指定して書き出し",[17,1041,1042,1043,1046],{},"HEIC 入力のみ別ツール (",[70,1044,1045],{"href":702},"HEIC → JPG",") に振り分けています。HEIC デコーダがブラウザ標準にまだ入っていないため、別ライブラリを読み込む必要があるためです。",[12,1048,365],{"id":365},[17,1050,1051,1054],{},[39,1052,1053],{},"Q. WebP に変換するメリットは？","\nA. 同じ視覚品質で JPEG より 25〜35% 小さくなります。透過も扱えるため PNG の代替にもなり、モダンブラウザはすべて対応済みです。ブログや EC では積極的に使う価値があります。",[17,1056,1057,1060],{},[39,1058,1059],{},"Q. 透過 PNG を JPEG にしたらどうなる？","\nA. 透過部分は白で塗られます。意図しない結果になりやすいので注意してください。透過を維持したい場合は WebP か PNG のままにしてください。",[17,1062,1063,1066],{},[39,1064,1065],{},"Q. 元のメタデータ (EXIF) は引き継がれる？","\nA. 落ちます。位置情報漏れの予防としてはむしろ利点です。",[17,1068,1069,1072],{},[39,1070,1071],{},"Q. バッチ処理の上限は？","\nA. 端末のメモリ次第ですが、実用上は 100 枚前後までを推奨します。",[12,1074,392],{"id":392},[207,1076,1077,1082,1087],{},[92,1078,1079,1081],{},[70,1080,848],{"href":847}," — 品質指定で再エンコードしてサイズ削減",[92,1083,1084,1086],{},[70,1085,855],{"href":854}," — 形式変換と同時に寸法も揃えたいときは先にこちら",[92,1088,1089,1091],{},[70,1090,1045],{"href":702}," — iPhone 写真専用の変換",{"title":159,"searchDepth":160,"depth":160,"links":1093},[1094,1095,1096,1097,1098,1099,1100],{"id":936,"depth":160,"text":936},{"id":942,"depth":160,"text":942},{"id":248,"depth":160,"text":248},{"id":273,"depth":160,"text":273},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の画像形式変換ツールは、JPEG \u002F PNG \u002F WebP \u002F AVIF をサーバーに送らず相互変換します。用途別の形式選び、透過・圧縮率の違いを Zerosend 編集部が整理します。",{},"\u002Fblog\u002Fimage-convert-intro",{"title":893,"description":1101},"image-convert-intro","blog\u002Fimage-convert-intro",[888,443,994,185],"xN0-q4ewAvDZNl6TjIn0v_ArxA8uRFuMBmge7YzSp3k",{"id":1110,"title":1111,"author":7,"body":1112,"category":169,"coverImage":170,"description":1325,"draft":172,"extension":173,"locale":174,"meta":1326,"navigation":176,"noindex":172,"path":1327,"publishedAt":437,"seo":1328,"slug":1329,"stem":1330,"tags":1331,"updatedAt":437,"__hash__":1333},"blog\u002Fblog\u002Fimage-edit-intro.md","画像の切り抜き・回転・反転をブラウザ内で — \u002Ftools\u002Fimage-edit の思想と使い方",{"type":9,"value":1113,"toc":1317},[1114,1117,1124,1126,1164,1167,1170,1177,1180,1182,1219,1221,1257,1260,1262,1268,1278,1284,1290,1296,1298],[17,1115,1116],{},"SNS アイコンの正方形切り出し、履歴書の証明写真の比率合わせ、商品画像の回転、スキャン画像の左右反転。Photoshop を開くほどでもないのに地味に面倒な作業ですよね。",[17,1118,1119,1123],{},[70,1120,1122],{"href":1121},"\u002Ftools\u002Fimage-edit","Zerosend の画像編集ツール"," は、この 3 操作を 1 画面に集約してブラウザ内で完結させます。",[12,1125,460],{"id":460},[207,1127,1128,1134,1140,1146,1152,1158],{},[92,1129,1130,1133],{},[39,1131,1132],{},"SNS アイコン・プロフィール画像",": Instagram や Twitter は正方形が基本。1:1 プリセットでワンクリック切り抜き",[92,1135,1136,1139],{},[39,1137,1138],{},"証明写真のトリミング",": 就活・パスポート申請用に 3:4 比率で切り抜き。顔が含まれるデータをサーバーに送りたくないときに特に有効",[92,1141,1142,1145],{},[39,1143,1144],{},"スキャン画像の向き修正",": スキャナが横向きで読み込んだ場合、90° 回転で即座に修正",[92,1147,1148,1151],{},[39,1149,1150],{},"商品画像の整形",": EC サイト用に余白をカットして正方形化",[92,1153,1154,1157],{},[39,1155,1156],{},"鏡像反転",": 文字が逆に写り込んだ画像を水平反転で修正",[92,1159,1160,1163],{},[39,1161,1162],{},"ブログ・資料のサムネイル",": 16:9 プリセットで統一感のある横長画像を作成",[12,1165,1166],{"id":1166},"なぜブラウザ内で編集するのか",[17,1168,1169],{},"トリミングは個人情報と密接です。証明写真を切り出すなら顔、名刺をスキャンするなら氏名・連絡先、社内資料の一部を切り出すなら機密情報が含まれます。",[17,1171,1172,1173,1176],{},"これらを「画像を切り抜くだけ」のオンラインツールにアップロードすると、切り抜き前の原版が相手のサーバーに残る可能性があります。オンラインツールはビジネスモデル上、アップロード済みのファイルをログ・解析・AI 学習に回しても契約上問題にならないケースが多く、",[39,1174,1175],{},"利用者側からはその境界が見えません","。",[17,1178,1179],{},"Zerosend は編集処理そのものをローカルで行うことで、この不透明性を取り除きます。",[12,1181,248],{"id":248},[89,1183,1184,1190,1193,1216],{},[92,1185,1186,258],{},[70,1187,1188],{"href":1121},[256,1189,1121],{},[92,1191,1192],{},"画像をドラッグ&ドロップ",[92,1194,1195,1196],{},"3 つの操作から選ぶ:\n",[207,1197,1198,1204,1210],{},[92,1199,1200,1203],{},[39,1201,1202],{},"切り抜き",": 矩形を選択範囲として指定",[92,1205,1206,1209],{},[39,1207,1208],{},"回転",": 90° \u002F 180° \u002F 270° の 3 ステップ",[92,1211,1212,1215],{},[39,1213,1214],{},"反転",": 水平 \u002F 垂直",[92,1217,1218],{},"プレビューで結果を確認してダウンロード",[12,1220,331],{"id":331},[207,1222,1223,1235,1244],{},[92,1224,1225,1227,1228,1230,1231,1234],{},[39,1226,1202],{},": 選択した矩形の寸法の ",[256,1229,1032],{}," を作り、",[256,1232,1233],{},"drawImage"," で元画像の該当領域を切り出し",[92,1236,1237,1239,1240,1243],{},[39,1238,1208],{},": 回転行列を ",[256,1241,1242],{},"ctx.transform"," で適用してから描画",[92,1245,1246,1248,1249,1252,1253,1256],{},[39,1247,1214],{},": ",[256,1250,1251],{},"ctx.scale(-1, 1)"," で水平、",[256,1254,1255],{},"ctx.scale(1, -1)"," で垂直",[17,1258,1259],{},"いずれも Canvas API の基本操作の組み合わせで、追加ライブラリは使っていません。処理は数十ミリ秒で完了します。",[12,1261,365],{"id":365},[17,1263,1264,1267],{},[39,1265,1266],{},"Q. 元の画像ファイルは変更されますか？","\nA. いいえ。処理はブラウザのメモリ上で行われ、ダウンロードするまで何も書き変わりません。元ファイルはそのまま手元に残ります。",[17,1269,1270,1273,1274,1277],{},[39,1271,1272],{},"Q. 対応している画像形式は？","\nA. JPEG・PNG・WebP・GIF (静止画) に対応しています。HEIC 形式の場合は先に ",[70,1275,1276],{"href":702},"HEIC → JPG 変換"," を使ってから編集してください。",[17,1279,1280,1283],{},[39,1281,1282],{},"Q. 比率指定 (1:1, 4:3, 16:9) で切り抜けますか？","\nA. はい。プリセットボタンで一発切り替えできます。SNS アイコンは 1:1、YouTube サムネは 16:9 など。",[17,1285,1286,1289],{},[39,1287,1288],{},"Q. 複数画像をまとめて同じ比率で切り抜けますか？","\nA. 現状は 1 枚ずつです。バッチ処理は要望を見ながら検討します。",[17,1291,1292,1295],{},[39,1293,1294],{},"Q. 編集後に再度編集したい場合は？","\nA. ダウンロードしたファイルを再度ドロップすれば、何度でも編集できます。",[12,1297,392],{"id":392},[207,1299,1300,1305,1310],{},[92,1301,1302,1304],{},[70,1303,855],{"href":854}," — 切り抜き後に寸法を揃えたいとき",[92,1306,1307,1309],{},[70,1308,848],{"href":847}," — 編集後の軽量化",[92,1311,1312,1316],{},[70,1313,1315],{"href":1314},"\u002Ftools\u002Fimage-merge","画像結合"," — 複数画像を 1 枚にまとめたいとき",{"title":159,"searchDepth":160,"depth":160,"links":1318},[1319,1320,1321,1322,1323,1324],{"id":460,"depth":160,"text":460},{"id":1166,"depth":160,"text":1166},{"id":248,"depth":160,"text":248},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の画像編集ツールは、切り抜き・回転・反転をサーバーに送らず端末内で処理します。証明写真・SNS アイコン・商品画像のトリミングで使える基本操作を Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-edit-intro",{"title":1111,"description":1325},"image-edit-intro","blog\u002Fimage-edit-intro",[888,1332,185],"編集","RrpC6EauzaWkAgWFfR06-Hve3OSQ4XqwZn5wmKjcYTw",{"id":1335,"title":1336,"author":7,"body":1337,"category":169,"coverImage":170,"description":1541,"draft":172,"extension":173,"locale":174,"meta":1542,"navigation":176,"noindex":172,"path":1543,"publishedAt":437,"seo":1544,"slug":1545,"stem":1546,"tags":1547,"updatedAt":437,"__hash__":1549},"blog\u002Fblog\u002Fimage-merge-intro.md","複数画像を 1 枚にまとめる — \u002Ftools\u002Fimage-merge の思想と使い方",{"type":9,"value":1338,"toc":1532},[1339,1342,1348,1351,1358,1361,1363,1386,1388,1414,1417,1421,1441,1447,1449,1475,1477,1486,1492,1501,1507,1513,1515],[17,1340,1341],{},"スマホのスクリーンショットを複数枚まとめて 1 枚の縦長画像にしたい。商品のビフォーアフター画像を横並びで 1 枚にしたい。操作マニュアルの手順画像を縦に並べて 1 ファイルにまとめたい。比較画像や before\u002Fafter の資料作りで、画像を並べたいシーンは日常的に発生します。",[17,1343,1344,1347],{},[70,1345,1346],{"href":1314},"Zerosend の画像結合ツール"," は、こうした「複数画像を 1 枚にまとめる」需要をブラウザ内で完結させます。",[12,1349,1350],{"id":1350},"なぜブラウザ内で結合するのか",[17,1352,1353,1354,1357],{},"結合対象の画像には、アプリの画面キャプチャ、社内ドキュメントのスクショ、顧客の LINE 履歴など機密性の高いものが混ざりがちです。",[39,1355,1356],{},"結合対象を全部まとめてサーバーに上げる","ということは、それだけの量の機密情報を一度に外に出すことと同じです。",[17,1359,1360],{},"Zerosend は結合処理そのものがローカルで動くため、何枚投入しても 1 枚のファイルも外に出ません。",[12,1362,248],{"id":248},[89,1364,1365,1371,1374,1377,1380,1383],{},[92,1366,1367,258],{},[70,1368,1369],{"href":1314},[256,1370,1314],{},[92,1372,1373],{},"画像を複数枚ドラッグ&ドロップ",[92,1375,1376],{},"結合方向を選ぶ (縦に連結 \u002F 横に連結 \u002F グリッド)",[92,1378,1379],{},"順序が違う場合はドラッグで並べ替え",[92,1381,1382],{},"「結合を開始する」をクリック",[92,1384,1385],{},"1 枚の画像としてダウンロード",[12,1387,331],{"id":331},[207,1389,1390,1393,1399,1405,1408],{},[92,1391,1392],{},"各入力画像の寸法を計測",[92,1394,1395,1396,1398],{},"結合後の ",[256,1397,1032],{}," サイズを計算 (縦連結なら幅は最大・高さは合計)",[92,1400,1401,1402,1404],{},"画像を順に ",[256,1403,1233],{}," で配置",[92,1406,1407],{},"幅\u002F高さが揃わない場合は縦横比を保って自動センタリング",[92,1409,1410,1413],{},[256,1411,1412],{},"canvas.toBlob()"," で PNG \u002F JPEG として書き出し",[17,1415,1416],{},"全処理は Canvas API の組み合わせで完結します。100 枚程度の結合まで現実的です。",[12,1418,1420],{"id":1419},"縦結合横結合の使い分け","縦結合・横結合の使い分け",[207,1422,1423,1429,1435],{},[92,1424,1425,1428],{},[39,1426,1427],{},"縦に連結",": スマホのスクロールスクリーンショットをつなぐ、手順説明の連番画像をまとめる",[92,1430,1431,1434],{},[39,1432,1433],{},"横に連結",": ビフォー\u002Fアフターを並べる、比較検討資料を 1 枚にする",[92,1436,1437,1440],{},[39,1438,1439],{},"グリッド",": 複数カットを整然と並べて SNS 投稿やカタログ素材にする",[17,1442,1443,1444,1446],{},"サイズが異なる画像は、余白を自動で埋めて揃えます。事前に ",[70,1445,855],{"href":854}," で寸法を統一しておくと、余白なしにきれいに仕上がります。",[12,1448,583],{"id":583},[207,1450,1451,1457,1463,1469],{},[92,1452,1453,1456],{},[39,1454,1455],{},"スクショ集約",": アプリのフロー解説で、複数画面を 1 枚にまとめて Slack に貼る",[92,1458,1459,1462],{},[39,1460,1461],{},"比較画像",": ビフォー\u002Fアフターを横並びで 1 枚に",[92,1464,1465,1468],{},[39,1466,1467],{},"SNS 投稿",": Instagram の 1 枚投稿でも複数カットを見せる",[92,1470,1471,1474],{},[39,1472,1473],{},"申請書類",": 表紙と本文を 1 画像にまとめて提出",[12,1476,365],{"id":365},[17,1478,1479,1482,1483,1485],{},[39,1480,1481],{},"Q. 結合後のファイルサイズはどのくらいになりますか？","\nA. 入力枚数と解像度に比例して大きくなります。多数枚を結合した場合は ",[70,1484,848],{"href":847}," で軽量化するのがおすすめです。",[17,1487,1488,1491],{},[39,1489,1490],{},"Q. 何枚まで結合できますか？","\nA. ツールに上限は設けていませんが、ブラウザのメモリに依存します。100 枚程度までは現実的に動作します。",[17,1493,1494,1497,1498,1500],{},[39,1495,1496],{},"Q. 画像サイズが違うものを結合するとどうなる？","\nA. 縦連結では幅を最大に合わせ、余白部分は透明 (PNG) または白 (JPEG) になります。事前に ",[70,1499,855],{"href":854}," で揃えておくときれいに仕上がります。",[17,1502,1503,1506],{},[39,1504,1505],{},"Q. 間に余白を入れられる？","\nA. はい。境界の色と幅を指定できます。",[17,1508,1509,1512],{},[39,1510,1511],{},"Q. グリッドの行数・列数は指定できる？","\nA. はい。例えば 4 枚を 2×2 のグリッドに配置できます。",[12,1514,392],{"id":392},[207,1516,1517,1522,1527],{},[92,1518,1519,1521],{},[70,1520,855],{"href":854}," — 結合前にサイズを揃える",[92,1523,1524,1526],{},[70,1525,848],{"href":847}," — 結合後の巨大ファイルを軽くする",[92,1528,1529,1531],{},[70,1530,869],{"href":868}," — 結合の代わりに PDF 1 枚にまとめる選択肢も",{"title":159,"searchDepth":160,"depth":160,"links":1533},[1534,1535,1536,1537,1538,1539,1540],{"id":1350,"depth":160,"text":1350},{"id":248,"depth":160,"text":248},{"id":331,"depth":160,"text":331},{"id":1419,"depth":160,"text":1420},{"id":583,"depth":160,"text":583},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の画像結合ツールは、複数の画像をサーバーに送らずブラウザ内で縦\u002F横に連結します。比較画像・ビフォーアフター・スマホのスクリーンショット集約に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-merge-intro",{"title":1336,"description":1541},"image-merge-intro","blog\u002Fimage-merge-intro",[888,1548,185],"結合","BdOzeJZQnsoFfwi5pz3V87puNcR5EgH2JaJgn9GjCok",{"id":1551,"title":1552,"author":7,"body":1553,"category":169,"coverImage":170,"description":1740,"draft":172,"extension":173,"locale":174,"meta":1741,"navigation":176,"noindex":172,"path":1742,"publishedAt":437,"seo":1743,"slug":1744,"stem":1745,"tags":1746,"updatedAt":437,"__hash__":1748},"blog\u002Fblog\u002Fimage-resize-intro.md","画像リサイズをブラウザ内で — \u002Ftools\u002Fimage-resize の思想と使い方",{"type":9,"value":1554,"toc":1730},[1555,1558,1564,1567,1573,1580,1582,1601,1604,1642,1644,1650,1675,1678,1681,1684,1686,1692,1698,1704,1710,1712],[17,1556,1557],{},"SNS に投稿したい、社内 Wiki に貼りたい、EC サイトの商品画像に使いたい、メールに添付したい。用途ごとに必要な画像サイズは違います。スマホで撮った 4000×3000 ピクセルの写真をそのままアップすると、受け側サーバーで勝手に縮小されたり、表示が重くなったりします。",[17,1559,1560,1563],{},[70,1561,1562],{"href":854},"Zerosend の画像リサイズツール"," は、この「用途に合う寸法に先に揃えておきたい」需要をブラウザ内で完結させます。",[12,1565,1566],{"id":1566},"なぜブラウザ内でリサイズするのか",[17,1568,1569,1570,1176],{},"画像は、送信前に必要な解像度まで落としておくのが基本です。受け側サーバーの自動縮小に任せると、圧縮アルゴリズムを自分で選べず、結果も見えません。何より、",[39,1571,1572],{},"元の高解像度がサーバー側に残ります",[17,1574,1575,1576,1579],{},"顔写真、社員証、内装写真、診断書のスキャン。個人情報が含まれる画像を、ブラウザの「縮小してアップロード」機能付きサービスに投げることは、結果的に",[39,1577,1578],{},"原寸画像をそのままアップロードしている","のと同じです。Zerosend では、リサイズ処理そのものをあなたの端末で行うことで、アップロードする画像が本当に縮小済みであることを保証します。",[12,1581,248],{"id":248},[89,1583,1584,1590,1593,1596,1599],{},[92,1585,1586,258],{},[70,1587,1588],{"href":854},[256,1589,854],{},[92,1591,1592],{},"画像をドラッグ&ドロップ (複数ファイル対応)",[92,1594,1595],{},"目標サイズを指定 — 「幅」「高さ」「長辺」「短辺」のいずれかを固定",[92,1597,1598],{},"「リサイズを開始する」をクリック",[92,1600,973],{},[85,1602,1603],{"id":1603},"用途別の推奨サイズ",[207,1605,1606,1612,1618,1624,1630,1636],{},[92,1607,1608,1611],{},[39,1609,1610],{},"X \u002F Twitter",": 長辺 1600px",[92,1613,1614,1617],{},[39,1615,1616],{},"Instagram",": 正方形 1080px",[92,1619,1620,1623],{},[39,1621,1622],{},"LinkedIn \u002F Facebook",": 長辺 1200px",[92,1625,1626,1629],{},[39,1627,1628],{},"ブログ本文",": 幅 800〜1200px",[92,1631,1632,1635],{},[39,1633,1634],{},"メールの添付",": 長辺 1024px 程度 (画質維持しつつ 500KB 以下に収まりやすい)",[92,1637,1638,1641],{},[39,1639,1640],{},"ECサイトのサムネ",": 幅 400〜600px",[12,1643,331],{"id":331},[17,1645,1646,1647,1649],{},"画像リサイズは、Canvas API の ",[256,1648,1233],{}," を使ったブラウザ標準のバイキュービック補間で行っています。外部ライブラリの呼び出しも、サーバーへの問い合わせもありません。",[207,1651,1652,1658,1664,1670],{},[92,1653,1654,1655,1657],{},"画像を ",[256,1656,1025],{}," 要素として読み込む",[92,1659,1660,1661,1663],{},"目標サイズの ",[256,1662,1032],{}," を作成",[92,1665,1666,1669],{},[256,1667,1668],{},"ctx.drawImage(img, 0, 0, targetW, targetH)"," で描画",[92,1671,1672,1674],{},[256,1673,1412],{}," で出力形式 (JPEG \u002F PNG \u002F WebP) を指定して Blob に",[17,1676,1677],{},"一括処理は Promise.all ではなく順次実行しているため、数十枚でもメモリを圧迫しません。",[12,1679,1680],{"id":1680},"縦横比の維持について",[17,1682,1683],{},"リサイズで気をつけるべき最大のポイントは「アスペクト比の崩れ」です。幅だけを変えて高さはそのままにすると、人物が横に伸びたり商品が歪んだりします。本ツールでは既定で縦横比を維持するため、「幅を指定する」だけで高さは自動計算されます。強制的にトリミングするモードも選べるので、SNS の正方形サムネイルを作る際にも対応できます。",[12,1685,365],{"id":365},[17,1687,1688,1691],{},[39,1689,1690],{},"Q. 縦横比は保持されますか？","\nA. 既定で保持されます。「幅を合わせる」を選べば高さは自動で計算されます。",[17,1693,1694,1697],{},[39,1695,1696],{},"Q. EXIF (撮影情報) は？","\nA. リサイズ時に落ちます。プライバシー保護の観点ではむしろ利点です。",[17,1699,1700,1703],{},[39,1701,1702],{},"Q. 拡大もできますか？","\nA. できますが推奨しません。拡大は情報を増やせないため、AI 超解像を使わない限り画質は改善しません。",[17,1705,1706,1709],{},[39,1707,1708],{},"Q. 複数ファイルを一括処理できますか？","\nA. はい。ドラッグ&ドロップで複数ファイルを投入すると、同じ設定で一括リサイズして ZIP でまとめてダウンロードできます。",[12,1711,392],{"id":392},[207,1713,1714,1719,1724],{},[92,1715,1716,1718],{},[70,1717,848],{"href":847}," — リサイズ後にさらに軽くしたいときに",[92,1720,1721,1723],{},[70,1722,862],{"href":861}," — WebP \u002F JPEG \u002F PNG の変換",[92,1725,1726,1729],{},[70,1727,1728],{"href":1121},"画像編集"," — 切り抜き・回転・反転",{"title":159,"searchDepth":160,"depth":160,"links":1731},[1732,1733,1736,1737,1738,1739],{"id":1566,"depth":160,"text":1566},{"id":248,"depth":160,"text":248,"children":1734},[1735],{"id":1603,"depth":167,"text":1603},{"id":331,"depth":160,"text":331},{"id":1680,"depth":160,"text":1680},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の画像リサイズツールは、画像をサーバーに送らず端末内で寸法変更します。用途別の推奨サイズ、一括処理、品質を落とさないリサイズのコツを Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-resize-intro",{"title":1552,"description":1740},"image-resize-intro","blog\u002Fimage-resize-intro",[888,1747,185],"リサイズ","_Uhop01N2UVvIiAaq5jlsmlRm_wNoZwYVJzFkekar6Y",{"id":1750,"title":1751,"author":7,"body":1752,"category":169,"coverImage":170,"description":1946,"draft":172,"extension":173,"locale":174,"meta":1947,"navigation":176,"noindex":172,"path":1948,"publishedAt":437,"seo":1949,"slug":1950,"stem":1951,"tags":1952,"updatedAt":437,"__hash__":1954},"blog\u002Fblog\u002Fimage-to-pdf-intro.md","画像を 1 つの PDF にまとめる — \u002Ftools\u002Fimage-to-pdf の思想と使い方",{"type":9,"value":1753,"toc":1938},[1754,1757,1762,1764,1790,1793,1795,1802,1809,1811,1834,1836,1842,1873,1876,1878,1884,1893,1899,1908,1910],[17,1755,1756],{},"スマホで撮ったレシート 10 枚を経費精算で PDF にまとめる、スキャンした書類 15 枚を 1 つの PDF にまとめて申請する、商品写真を PDF カタログにする。「画像 → PDF」の変換は、個人から業務まで頻繁に発生する作業です。",[17,1758,1759,202],{},[70,1760,1761],{"href":868},"Zerosend の画像 → PDF 変換ツール",[12,1763,205],{"id":205},[207,1765,1766,1772,1778,1784],{},[92,1767,1768,1771],{},[39,1769,1770],{},"写真をポートフォリオ PDF に",": デザイナーや写真家が作品画像を選択して 1 ファイルにまとめ、クライアントへの提案や審査用に配布する",[92,1773,1774,1777],{},[39,1775,1776],{},"スキャン画像を 1 ファイルに集約",": 複数ページにわたる契約書・申請書をスキャンした画像を 1 つの PDF にまとめて提出する",[92,1779,1780,1783],{},[39,1781,1782],{},"レシート・領収書の経費精算",": スマホで撮影したレシートをまとめて月次経費書類として提出する",[92,1785,1786,1789],{},[39,1787,1788],{},"複数画像を順番管理して配布",": ドラッグ&ドロップで並び順を調整しながら、説明資料やマニュアルを PDF にまとめる",[17,1791,1792],{},"複数の画像ファイルを 1 回の操作で 1 つの PDF に変換できるため、枚数が多いほど手作業との差が際立ちます。",[12,1794,235],{"id":235},[17,1796,1797,1798,1801],{},"画像 → PDF 変換の入力は、写真・スキャン・スクリーンショットです。つまり",[39,1799,1800],{},"画像 1 枚ずつが個別の機密情報","を持ちます。レシートなら店名・金額・日時・クレカ下 4 桁、スキャン書類なら本文全体、スクショなら画面に写っているすべて。",[17,1803,1804,1805,1808],{},"それらをまとめてオンライン PDF 化サービスに投げるのは、",[39,1806,1807],{},"機密情報セットをまとめて外に出す","ことに他なりません。Zerosend ではローカルで PDF 組み立てまで行うため、アップロードは発生しません。",[12,1810,248],{"id":248},[89,1812,1813,1819,1822,1825,1828,1831],{},[92,1814,1815,258],{},[70,1816,1817],{"href":868},[256,1818,868],{},[92,1820,1821],{},"画像を複数枚ドラッグ&ドロップ (JPEG \u002F PNG \u002F WebP)",[92,1823,1824],{},"ページサイズ (A4 \u002F レター \u002F 画像原寸) と向きを選ぶ",[92,1826,1827],{},"並び順をドラッグで調整",[92,1829,1830],{},"「PDF 化を開始する」をクリック",[92,1832,1833],{},"1 つの PDF ファイルとしてダウンロード",[12,1835,331],{"id":331},[17,1837,1838,1841],{},[256,1839,1840],{},"pdf-lib"," を使って PDF を組み立てています。",[207,1843,1844,1847,1853,1864,1867],{},[92,1845,1846],{},"各画像を ArrayBuffer で読み込み",[92,1848,1849,1852],{},[256,1850,1851],{},"PDFDocument.create()"," で新規ドキュメントを作成",[92,1854,1855,1856,1859,1860,1863],{},"ページごとに ",[256,1857,1858],{},"pdfDoc.embedJpg()"," または ",[256,1861,1862],{},"embedPng()"," で画像を埋め込み",[92,1865,1866],{},"ページサイズに合わせて自動で縮小・センタリング",[92,1868,1869,1872],{},[256,1870,1871],{},".save()"," で最終的な PDF バイト列に",[17,1874,1875],{},"画像のサイズ指定は縦横比を保持したまま、指定ページサイズに収まるよう計算されます。",[12,1877,365],{"id":365},[17,1879,1880,1883],{},[39,1881,1882],{},"Q. 画像の順序は変えられますか？","\nA. はい。追加した順に並びますが、ドラッグで並べ替えできます。",[17,1885,1886,1889,1890,1892],{},[39,1887,1888],{},"Q. 画像の向き (縦\u002F横) を個別に変えられますか？","\nA. ページ単位の向きは全体で統一されます。個別に回転したい場合は ",[70,1891,1728],{"href":1121}," で先に回転してから PDF 化してください。",[17,1894,1895,1898],{},[39,1896,1897],{},"Q. OCR (文字認識) はかかる？","\nA. かかりません。画像はそのまま PDF に埋め込まれます。検索可能 PDF にしたい場合は別途 OCR ツールを通してください (プライバシー観点では、OCR もローカルで完結するツールを選ぶべきです)。",[17,1900,1901,1904,1905,1907],{},[39,1902,1903],{},"Q. 圧縮は？","\nA. 元画像がそのまま埋め込まれるため、PDF が大きくなりがちです。事前に ",[70,1906,848],{"href":847}," してから投入すると、最終 PDF が軽くなります。",[12,1909,392],{"id":392},[207,1911,1912,1917,1924,1931],{},[92,1913,1914,1916],{},[70,1915,848],{"href":847}," — PDF 化前に画像を軽くする",[92,1918,1919,1923],{},[70,1920,1922],{"href":1921},"\u002Ftools\u002Fpdf-compress","PDF 圧縮"," — 生成した PDF をさらに軽くする",[92,1925,1926,1930],{},[70,1927,1929],{"href":1928},"\u002Ftools\u002Fpdf-merge","PDF 結合"," — 既存 PDF と結合する",[92,1932,1933,1937],{},[70,1934,1936],{"href":1935},"\u002Ftools\u002Fpdf-to-image","PDF → 画像"," — 逆変換",{"title":159,"searchDepth":160,"depth":160,"links":1939},[1940,1941,1942,1943,1944,1945],{"id":205,"depth":160,"text":205},{"id":235,"depth":160,"text":235},{"id":248,"depth":160,"text":248},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の画像 → PDF 変換ツールは、複数画像をサーバーに送らず 1 つの PDF にまとめます。スキャン画像の PDF 化・レシートまとめ・申請書類の体裁整え。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fimage-to-pdf-intro",{"title":1751,"description":1946},"image-to-pdf-intro","blog\u002Fimage-to-pdf-intro",[1953,888,443,185],"PDF","W4LB1AnTY2syLdRrdjvKSLPfsnRiA8kspm8q42K-X9g",{"id":1956,"title":1957,"author":7,"body":1958,"category":169,"coverImage":170,"description":2094,"draft":172,"extension":173,"locale":174,"meta":2095,"navigation":176,"noindex":172,"path":2096,"publishedAt":437,"seo":2097,"slug":2098,"stem":2099,"tags":2100,"updatedAt":437,"__hash__":2102},"blog\u002Fblog\u002Fpdf-compress-intro.md","PDF を圧縮する — \u002Ftools\u002Fpdf-compress の思想と使い方",{"type":9,"value":1959,"toc":2087},[1960,1963,1968,1971,1978,1981,1983,2003,2006,2010,2013,2033,2040,2042,2048,2054,2060,2066,2068],[17,1961,1962],{},"メールで PDF を送ろうとしたら「ファイルサイズが大きすぎます」と弾かれた、Slack の無料枠を食い潰す、見積書 PDF が 30MB あって顧客にストレスを与えている。PDF のサイズ圧縮は、業務の摩擦を減らすのに効く小さな改善です。",[17,1964,1965,202],{},[70,1966,1967],{"href":1921},"Zerosend の PDF 圧縮ツール",[12,1969,1970],{"id":1970},"なぜブラウザ内で圧縮するのか",[17,1972,1973,1974,1977],{},"PDF 圧縮サービスの大半はアップロード型です。つまり",[39,1975,1976],{},"契約書・見積書・健康診断・給与明細を他社サーバーに預ける","ことになります。「削除します」と書かれていても、その履行をユーザーが確認する術はありません。",[17,1979,1980],{},"Zerosend は圧縮処理をローカルで行うため、機密性の高い PDF をそのまま投入できます。DevTools で本当にアップロードされていないことを確認してから使ってください。",[12,1982,248],{"id":248},[89,1984,1985,1991,1994,1997,2000],{},[92,1986,1987,258],{},[70,1988,1989],{"href":1921},[256,1990,1921],{},[92,1992,1993],{},"PDF をドラッグ&ドロップ",[92,1995,1996],{},"画質レベルを選択 (高品質 \u002F 標準 \u002F 低品質)",[92,1998,1999],{},"「圧縮を開始する」をクリック",[92,2001,2002],{},"軽量化された PDF をダウンロード",[17,2004,2005],{},"スキャン由来の画像 PDF に特に効果があります。ベクタ主体のテキスト PDF はもともと軽いので削減率は控えめです。",[12,2007,2009],{"id":2008},"仕組み-ラスタライズによる再構築","仕組み — ラスタライズによる再構築",[17,2011,2012],{},"Zerosend の PDF 圧縮は、ページを一度画像化して再構築する方式です。",[207,2014,2015,2022,2025,2030],{},[92,2016,2017,2018,2021],{},"元 PDF を ",[256,2019,2020],{},"pdfjs-dist"," で各ページをキャンバスに描画",[92,2023,2024],{},"描画結果を指定品質で JPEG にエンコード",[92,2026,2027,2029],{},[256,2028,1840],{}," で新しい PDF を組み立て、JPEG ページを埋め込み",[92,2031,2032],{},"元 PDF の metadata (タイトル・作成者など) は引き継ぐ",[17,2034,2035,2036,2039],{},"このアプローチの強みはサイズ削減率の高さ、弱みは",[39,2037,2038],{},"ベクタ情報が失われること"," (テキスト選択・検索不可になる) です。テキスト検索性を維持したい場合は、元 PDF のまま送るか、軽量化の必要性を再検討してください。",[12,2041,365],{"id":365},[17,2043,2044,2047],{},[39,2045,2046],{},"Q. 削減率はどのくらい？","\nA. 画像主体のスキャン PDF なら 50〜80% 減ることもあります。テキスト主体の PDF は 10〜30% 程度です。",[17,2049,2050,2053],{},[39,2051,2052],{},"Q. 圧縮後にテキスト検索できなくなった","\nA. ラスタライズ方式の副作用です。「標準」設定では解像度を維持するため読みやすさは保ちますが、テキストとしては検索できません。",[17,2055,2056,2059],{},[39,2057,2058],{},"Q. OCR は含まれますか？","\nA. 非対応です。圧縮後の PDF を検索可能にしたい場合は、別途 OCR ツールが必要です。",[17,2061,2062,2065],{},[39,2063,2064],{},"Q. 元の PDF が暗号化されている場合は？","\nA. パスワード保護された PDF は処理できません。先にロック解除が必要です。",[12,2067,392],{"id":392},[207,2069,2070,2075,2082],{},[92,2071,2072,2074],{},[70,2073,1929],{"href":1928}," — 圧縮前に結合しておく",[92,2076,2077,2081],{},[70,2078,2080],{"href":2079},"\u002Ftools\u002Fpdf-split","PDF 分割"," — 必要なページだけ抽出すれば圧縮も不要なことが多い",[92,2083,2084,2086],{},[70,2085,848],{"href":847}," — スキャン前の個別画像を軽くしておく選択肢",{"title":159,"searchDepth":160,"depth":160,"links":2088},[2089,2090,2091,2092,2093],{"id":1970,"depth":160,"text":1970},{"id":248,"depth":160,"text":248},{"id":2008,"depth":160,"text":2009},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の PDF 圧縮ツールは、PDF をサーバーに送らずブラウザ内でページをラスタライズして再構築し、サイズを削減します。メール添付上限に引っかかる PDF を軽くしたいときに。",{},"\u002Fblog\u002Fpdf-compress-intro",{"title":1957,"description":2094},"pdf-compress-intro","blog\u002Fpdf-compress-intro",[1953,2101,185],"圧縮","VvJ1WqvmAb_Nlcrf3hFnpj4_JU9LgW9Mc6y4cTGier0",{"id":2104,"title":2105,"author":7,"body":2106,"category":169,"coverImage":170,"description":2325,"draft":172,"extension":173,"locale":174,"meta":2326,"navigation":176,"noindex":172,"path":2327,"publishedAt":437,"seo":2328,"slug":2329,"stem":2330,"tags":2331,"updatedAt":437,"__hash__":2332},"blog\u002Fblog\u002Fpdf-edit-intro.md","PDF のページを並べ替え・削除・回転 — \u002Ftools\u002Fpdf-edit の思想と使い方",{"type":9,"value":2107,"toc":2316},[2108,2111,2118,2120,2158,2160,2166,2169,2171,2209,2213,2219,2225,2227,2256,2265,2267,2273,2279,2285,2291,2297,2299],[17,2109,2110],{},"スキャンしたら逆向きになっていた、最終ページが白紙だから削除したい、契約書の章を入れ替えたい。PDF 編集の 9 割は「ページの並べ替え・削除・回転」で済みます。",[17,2112,2113,2117],{},[70,2114,2116],{"href":2115},"\u002Ftools\u002Fpdf-edit","Zerosend の PDF ページ編集ツール"," は、この基本 3 操作をブラウザ内で完結させます。",[12,2119,460],{"id":460},[207,2121,2122,2128,2134,2140,2146,2152],{},[92,2123,2124,2127],{},[39,2125,2126],{},"スキャン結果の向き修正",": スキャナが横向きで読み込んだページを 90° 回転して正しい向きに",[92,2129,2130,2133],{},[39,2131,2132],{},"白紙ページの削除",": スキャン時に混入した白紙ページや意図しない空白ページをまとめて削除",[92,2135,2136,2139],{},[39,2137,2138],{},"報告書の章順修正",": 後から追加した付録を適切な位置に移動。ドラッグ操作でページを並べ直す",[92,2141,2142,2145],{},[39,2143,2144],{},"配布用 PDF の整形",": 社内向けの全ページを含む PDF から、共有しても問題ないページだけを残す",[92,2147,2148,2151],{},[39,2149,2150],{},"製本・印刷準備",": 両面印刷や製本に合わせてページ順を並べ替える",[92,2153,2154,2157],{},[39,2155,2156],{},"プレゼン資料の調整",": 不要なスライドを削除して提出用スリム版を作成",[12,2159,1166],{"id":1166},[17,2161,2162,2163,1176],{},"PDF 編集の対象は、ほぼ例外なく機密文書です。業務委託契約、秘密保持契約、顧客カルテ、社内規程、給与明細。これらを「ページを入れ替えるだけ」のオンラインサービスに預けると、",[39,2164,2165],{},"元の全ページが相手のサーバーに渡ります",[17,2167,2168],{},"「処理後にすぐ削除」と書かれていても、保存の痕跡や解析ログをユーザーが検証する手段はありません。Zerosend ではページ編集もローカル処理のため、この透明性の問題を構造的に回避できます。",[12,2170,248],{"id":248},[89,2172,2173,2179,2181,2184,2206],{},[92,2174,2175,258],{},[70,2176,2177],{"href":2115},[256,2178,2115],{},[92,2180,1993],{},[92,2182,2183],{},"ページサムネイル一覧が表示される",[92,2185,2186,2187],{},"操作:\n",[207,2188,2189,2195,2201],{},[92,2190,2191,2194],{},[39,2192,2193],{},"並べ替え",": ドラッグでページを入れ替え",[92,2196,2197,2200],{},[39,2198,2199],{},"削除",": 不要なページのゴミ箱アイコンをクリック",[92,2202,2203,2205],{},[39,2204,1208],{},": 各ページの回転アイコンで 90° 単位回転",[92,2207,2208],{},"「編集を完了する」をクリックして新しい PDF を出力",[12,2210,2212],{"id":2211},"pdf-lib-によるブラウザ内-pdf-処理","pdf-lib によるブラウザ内 PDF 処理",[17,2214,2215,2216,2218],{},"Zerosend の PDF ページ編集は ",[39,2217,1840],{}," というオープンソースライブラリで実装しています。pdf-lib はブラウザ上で PDF の読み込み・書き出しができる純粋な JavaScript ライブラリで、サーバーサイドの処理は一切不要です。",[17,2220,2221,2222,2224],{},"サムネイル表示には ",[39,2223,2020],{}," (PDF.js) を使い、各ページを Canvas に描画。並べ替え・削除・回転の操作を UI 上で決めてから、最後に pdf-lib で新しい PDF として書き出します。契約書や機密文書も、データが端末から出ることなく安全に編集できます。",[12,2226,331],{"id":331},[207,2228,2229,2235,2238,2244,2251],{},[92,2230,2231,2232,2234],{},"PDF を ",[256,2233,2020],{}," でレンダリングしてサムネイル一覧を表示",[92,2236,2237],{},"ページの並び・削除・回転情報を UI 上で管理",[92,2239,2240,2241,2243],{},"「完了」操作時に ",[256,2242,1840],{}," を呼び出し、元 PDF から必要なページを順にコピー",[92,2245,2246,2247,2250],{},"回転は ",[256,2248,2249],{},"page.setRotation()"," で書き込み",[92,2252,2253,2254],{},"最終 PDF として ",[256,2255,1871],{},[17,2257,2258,2259,2261,2262,2264],{},"サムネ描画 (",[256,2260,2020],{},") と PDF 組み立て (",[256,2263,1840],{},") の 2 ライブラリで役割分担しています。",[12,2266,365],{"id":365},[17,2268,2269,2272],{},[39,2270,2271],{},"Q. テキストの編集はできますか？","\nA. 本ツールはページ単位の操作 (並べ替え・削除・回転) に特化しています。文章の書き換えや署名追加、注釈入力には対応していません。",[17,2274,2275,2278],{},[39,2276,2277],{},"Q. パスワード付き PDF は使えますか？","\nA. パスワードで保護された PDF の編集には対応していません。事前にパスワードを解除してください。",[17,2280,2281,2284],{},[39,2282,2283],{},"Q. 編集履歴は残りますか？","\nA. 新しい PDF として書き出すため、元ファイルは変更されません。必要なら元ファイルを別途保存しておいてください。",[17,2286,2287,2290],{},[39,2288,2289],{},"Q. ページを複製 (同じページを 2 回入れる) できますか？","\nA. 現状は非対応です。需要があれば追加します。",[17,2292,2293,2296],{},[39,2294,2295],{},"Q. 回転の粒度は？","\nA. 90° 単位のみです。PDF の仕様上、自由角度回転は本来のページ情報を損ねる可能性があるため非対応です。",[12,2298,392],{"id":392},[207,2300,2301,2306,2311],{},[92,2302,2303,2305],{},[70,2304,2080],{"href":2079}," — 編集ではなく切り分けたいとき",[92,2307,2308,2310],{},[70,2309,1929],{"href":1928}," — 複数 PDF を結合",[92,2312,2313,2315],{},[70,2314,1922],{"href":1921}," — 編集後のサイズ削減",{"title":159,"searchDepth":160,"depth":160,"links":2317},[2318,2319,2320,2321,2322,2323,2324],{"id":460,"depth":160,"text":460},{"id":1166,"depth":160,"text":1166},{"id":248,"depth":160,"text":248},{"id":2211,"depth":160,"text":2212},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の PDF ページ編集ツールは、PDF のページ順序変更・削除・回転をサーバーに送らず端末内で行います。スキャン時の向きミス修正や不要ページ削除に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-edit-intro",{"title":2105,"description":2325},"pdf-edit-intro","blog\u002Fpdf-edit-intro",[1953,1332,185],"Yze0vH4wa57jdSYGGpMOWoCe3g9kWI080CC7vD4rqMI",{"id":2334,"title":2335,"author":7,"body":2336,"category":169,"coverImage":170,"description":2516,"draft":172,"extension":173,"locale":174,"meta":2517,"navigation":176,"noindex":172,"path":2518,"publishedAt":437,"seo":2519,"slug":2520,"stem":2521,"tags":2522,"updatedAt":437,"__hash__":2524},"blog\u002Fblog\u002Fpdf-split-intro.md","PDF を分割する — \u002Ftools\u002Fpdf-split の思想と使い方",{"type":9,"value":2337,"toc":2508},[2338,2341,2346,2350,2356,2359,2362,2364,2401,2405,2411,2413,2418,2446,2449,2451,2457,2463,2469,2475,2488,2490],[17,2339,2340],{},"契約書の 2〜5 ページだけ取引先に送りたい、100 ページの報告書を章ごとに分けて関係者に配りたい、スキャン時に 1 ファイルにまとめてしまった複数書類を切り分けたい。PDF の分割は業務で頻繁に発生するにもかかわらず、一般的なツールが少ない作業です。",[17,2342,2343,202],{},[70,2344,2345],{"href":2079},"Zerosend の PDF 分割ツール",[12,2347,2349],{"id":2348},"なぜブラウザ内で-pdf-を分割するのか","なぜブラウザ内で PDF を分割するのか",[17,2351,2352,2353,1176],{},"PDF の中身は、契約書・見積書・健康診断結果・給与明細・設計資料など、ほぼすべてが機密性を持ちます。これを「PDF 分割できるオンラインサービス」にアップロードすると、",[39,2354,2355],{},"元の全ページが一旦そのサービスのサーバーに渡ります",[17,2357,2358],{},"ユーザー側が「2〜5 ページだけ必要」と思っていても、サービス側は全ページにアクセスできます。無料で提供されている以上、何らかの対価 (ログ・解析・AI 学習素材) としてファイルが使われている可能性は否定できません。",[17,2360,2361],{},"Zerosend は分割処理そのものがローカルで動くため、この構造的な問題を回避できます。",[12,2363,248],{"id":248},[89,2365,2366,2372,2375,2396,2399],{},[92,2367,2368,258],{},[70,2369,2370],{"href":2079},[256,2371,2079],{},[92,2373,2374],{},"PDF ファイルをドラッグ&ドロップ",[92,2376,2377,2378],{},"分割方法を選ぶ:\n",[207,2379,2380,2386],{},[92,2381,2382,2385],{},[39,2383,2384],{},"全ページを 1 ページずつ分割"," — 100 ページなら 100 ファイル",[92,2387,2388,2391,2392,2395],{},[39,2389,2390],{},"範囲指定"," — 例: ",[256,2393,2394],{},"1-3, 5, 7-10"," で複数範囲を抽出",[92,2397,2398],{},"「分割を開始する」をクリック",[92,2400,270],{},[12,2402,2404],{"id":2403},"pdf-lib-によるブラウザ内処理","pdf-lib によるブラウザ内処理",[17,2406,2407,2408,2410],{},"本ツールは ",[39,2409,1840],{}," というブラウザで完全動作する PDF 編集ライブラリを使っています。pdf-lib はサーバーへの問い合わせなしに PDF の読み込み・生成・ページ操作を行える純粋な JavaScript ライブラリです。元の PDF ファイルは変更されず、指定したページのみを新しい PDF として書き出します。",[12,2412,331],{"id":331},[17,2414,2415,2417],{},[256,2416,1840],{}," というブラウザで動く PDF 編集ライブラリを使っています。",[207,2419,2420,2423,2429,2435,2441],{},[92,2421,2422],{},"入力 PDF を ArrayBuffer として読み込み",[92,2424,2425,2428],{},[256,2426,2427],{},"PDFDocument.load()"," で解析",[92,2430,2431,2432,1663],{},"範囲指定に応じた新しい ",[256,2433,2434],{},"PDFDocument",[92,2436,2437,2440],{},[256,2438,2439],{},"copyPages()"," で必要なページだけコピー",[92,2442,2443,2445],{},[256,2444,1871],{}," で新しい PDF バイト列を生成",[17,2447,2448],{},"すべてメモリ上で処理し、ネットワークには一切送りません。",[12,2450,365],{"id":365},[17,2452,2453,2456],{},[39,2454,2455],{},"Q. 1 ページずつ個別のファイルに分割できますか？","\nA. できます。「全ページを 1 ページずつ分割」を選ぶと、100 ページなら 100 ファイルが生成されて ZIP でまとめてダウンロードできます。",[17,2458,2459,2462],{},[39,2460,2461],{},"Q. 元の PDF ファイルは変更されますか？","\nA. 変更されません。ブラウザのメモリ上で新しい PDF を生成するだけで、元ファイルへの書き込みは一切行いません。",[17,2464,2465,2468],{},[39,2466,2467],{},"Q. 暗号化された PDF (パスワード保護) も分割できる？","\nA. パスワードなしの PDF のみ対応。暗号化 PDF は先にロック解除が必要です。",[17,2470,2471,2474],{},[39,2472,2473],{},"Q. ページ数が非常に多い PDF (500 ページなど) は？","\nA. 処理はできますが、ブラウザのメモリ次第で時間がかかります。数百 MB 規模の PDF は端末スペック次第で詰まることがあります。",[17,2476,2477,2480,2481,346,2484,2487],{},[39,2478,2479],{},"Q. 分割後のファイル名は？","\nA. 元ファイル名に ",[256,2482,2483],{},"-p1",[256,2485,2486],{},"-p2-5"," のようなサフィックスを付けます。",[12,2489,392],{"id":392},[207,2491,2492,2497,2503],{},[92,2493,2494,2496],{},[70,2495,1929],{"href":1928}," — 分割とは逆に、複数 PDF を 1 つに",[92,2498,2499,2502],{},[70,2500,2501],{"href":2115},"PDF ページ編集"," — ページの並べ替え・削除・回転",[92,2504,2505,2507],{},[70,2506,1922],{"href":1921}," — 分割後のファイルを軽くする",{"title":159,"searchDepth":160,"depth":160,"links":2509},[2510,2511,2512,2513,2514,2515],{"id":2348,"depth":160,"text":2349},{"id":248,"depth":160,"text":248},{"id":2403,"depth":160,"text":2404},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の PDF 分割ツールは、PDF をサーバーに送らずブラウザ内でページ単位\u002F範囲指定で分割します。機密文書の特定ページだけ共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-split-intro",{"title":2335,"description":2516},"pdf-split-intro","blog\u002Fpdf-split-intro",[1953,2523,185],"分割","XPJKIzDxfGixIoHq5VkY0twuwi6ez2lMZK2tzEN3Q-Y",{"id":2526,"title":2527,"author":7,"body":2528,"category":169,"coverImage":170,"description":2737,"draft":172,"extension":173,"locale":174,"meta":2738,"navigation":176,"noindex":172,"path":2739,"publishedAt":437,"seo":2740,"slug":2741,"stem":2742,"tags":2743,"updatedAt":437,"__hash__":2744},"blog\u002Fblog\u002Fpdf-to-image-intro.md","PDF を画像に変換する — \u002Ftools\u002Fpdf-to-image の思想と使い方",{"type":9,"value":2529,"toc":2727},[2530,2533,2538,2541,2567,2569,2575,2578,2580,2598,2601,2621,2623,2628,2656,2659,2661,2670,2676,2682,2691,2703,2705],[17,2531,2532],{},"プレゼン資料の 1 ページだけスクリーンショット的に使いたい、PDF の一部を SNS 投稿したい、PDF を見れない環境向けに画像で送りたい。「PDF → 画像」の変換は地味に需要があります。",[17,2534,2535,202],{},[70,2536,2537],{"href":1935},"Zerosend の PDF → 画像変換ツール",[12,2539,2540],{"id":2540},"どんな場面で役立つか",[207,2542,2543,2549,2555,2561],{},[92,2544,2545,2548],{},[39,2546,2547],{},"SNS・ブログへの資料引用",": 講演スライドや報告書の特定ページを画像として切り出し、X や Instagram にそのまま投稿できます",[92,2550,2551,2554],{},[39,2552,2553],{},"サムネイル作成",": PDF ドキュメントの表紙ページを高解像度 PNG に変換し、ウェブサイトのカバー画像として使えます",[92,2556,2557,2560],{},[39,2558,2559],{},"PDF 非対応の環境に送る",": チャットツールや古い CMS が PDF に対応していなくても、画像なら貼れます",[92,2562,2563,2566],{},[39,2564,2565],{},"PDF の内容をすばやく確認・共有",": 受け取った PDF の一部だけを画像にして、コメント付きで関係者に送る用途にも便利です",[12,2568,235],{"id":235},[17,2570,2571,2572,76],{},"PDF から画像を切り出したい場面は、社内資料・顧客提案書・設計図・契約書スナップショットなど、機密度が高いケースが多いものです。「PDF の特定ページを画像にしたいだけ」とオンラインツールに上げるときも、",[39,2573,2574],{},"アップロードされるのは PDF の全ページ",[17,2576,2577],{},"Zerosend は変換処理をローカルで行うため、そもそも PDF が外に出ません。",[12,2579,248],{"id":248},[89,2581,2582,2588,2590,2593,2595],{},[92,2583,2584,258],{},[70,2585,2586],{"href":1935},[256,2587,1935],{},[92,2589,1993],{},[92,2591,2592],{},"出力形式 (PNG \u002F JPEG) と解像度を選ぶ",[92,2594,267],{},[92,2596,2597],{},"全ページの画像が ZIP で生成される",[85,2599,2600],{"id":2600},"解像度の目安",[207,2602,2603,2609,2615],{},[92,2604,2605,2608],{},[39,2606,2607],{},"72 DPI",": ウェブ掲載・SNS 投稿用。画質より軽さ優先",[92,2610,2611,2614],{},[39,2612,2613],{},"150 DPI",": 画面で読む標準品質",[92,2616,2617,2620],{},[39,2618,2619],{},"300 DPI",": 印刷品質。資料の細部が重要なとき",[12,2622,331],{"id":331},[17,2624,2625,2627],{},[256,2626,2020],{}," を使って各ページを Canvas に描画し、Canvas から画像として書き出しています。",[207,2629,2630,2633,2638,2648,2653],{},[92,2631,2632],{},"PDF を ArrayBuffer として読み込み",[92,2634,2635,2428],{},[256,2636,2637],{},"getDocument()",[92,2639,1855,2640,2643,2644,2647],{},[256,2641,2642],{},"getPage(n)"," → ",[256,2645,2646],{},"render(ctx, viewport)"," で Canvas に描画",[92,2649,2650,2652],{},[256,2651,1412],{}," で PNG \u002F JPEG 化",[92,2654,2655],{},"全ページを ZIP にまとめてダウンロード",[17,2657,2658],{},"ブラウザの描画エンジンをそのまま使うため、フォント埋め込み・ベクタ図・透過要素も正確に再現されます。",[12,2660,365],{"id":365},[17,2662,2663,2666,2667,2669],{},[39,2664,2665],{},"Q. 特定のページだけ変換できますか？","\nA. 現状は全ページが対象です。特定ページだけなら ",[70,2668,2080],{"href":2079}," で該当ページだけ抽出してから変換するのが確実です。",[17,2671,2672,2675],{},[39,2673,2674],{},"Q. 透過背景の PDF を変換するとどうなる？","\nA. PNG を選べば透過が保持されます。JPEG は透過非対応のため白背景になります。",[17,2677,2678,2681],{},[39,2679,2680],{},"Q. 画像の品質をもっと上げたい","\nA. 解像度を 300 DPI にすると大きく改善します。ファイルサイズとメモリ消費も大きくなります。",[17,2683,2684,2687,2688,2690],{},[39,2685,2686],{},"Q. 全ページを 1 枚にまとめたい","\nA. 本ツールは 1 ページ 1 ファイルです。まとめたい場合はダウンロード後 ",[70,2689,1315],{"href":1314}," で結合してください。",[17,2692,2693,2696,2697,2699,2700,2702],{},[39,2694,2695],{},"Q. PNG と JPEG どちらを選ぶべきか？","\nA. テキストや図表が多い資料は ",[39,2698,988],{}," が高品質です。写真が多いページや SNS 投稿用に軽さを優先するなら ",[39,2701,982],{}," が適しています。",[12,2704,392],{"id":392},[207,2706,2707,2712,2717,2722],{},[92,2708,2709,2711],{},[70,2710,2080],{"href":2079}," — 変換前に必要なページだけ抽出",[92,2713,2714,2716],{},[70,2715,1922],{"href":1921}," — 先に PDF を軽くしてから変換すると出力もコンパクトに",[92,2718,2719,2721],{},[70,2720,848],{"href":847}," — 変換後の画像サイズをさらに削減",[92,2723,2724,2726],{},[70,2725,1315],{"href":1314}," — 変換した複数ページを 1 枚にまとめる",{"title":159,"searchDepth":160,"depth":160,"links":2728},[2729,2730,2731,2734,2735,2736],{"id":2540,"depth":160,"text":2540},{"id":235,"depth":160,"text":235},{"id":248,"depth":160,"text":248,"children":2732},[2733],{"id":2600,"depth":167,"text":2600},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の PDF → 画像変換ツールは、PDF の各ページをサーバーに送らずブラウザ内で PNG \u002F JPEG に書き出します。資料の一部だけ共有したいときに便利。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fpdf-to-image-intro",{"title":2527,"description":2737},"pdf-to-image-intro","blog\u002Fpdf-to-image-intro",[1953,888,443,185],"71aq4s1WD6fPtxZpe1EQB5VFETOk05HeofsZ6n-nTXM",{"id":2746,"title":2747,"author":7,"body":2748,"category":169,"coverImage":170,"description":2966,"draft":172,"extension":173,"locale":174,"meta":2967,"navigation":176,"noindex":172,"path":2968,"publishedAt":437,"seo":2969,"slug":2970,"stem":2971,"tags":2972,"updatedAt":437,"__hash__":2974},"blog\u002Fblog\u002Fqr-create-intro.md","QR コードを生成する — \u002Ftools\u002Fqr-create の思想と使い方",{"type":9,"value":2749,"toc":2956},[2750,2753,2760,2762,2798,2802,2816,2820,2826,2829,2832,2834,2854,2857,2883,2885,2891,2902,2905,2907,2913,2922,2928,2930],[17,2751,2752],{},"自社サイトの URL を名刺に載せる、Wi-Fi パスワードを会議室の壁に貼る、イベントのアンケート URL をポスターに印刷する。QR コードは、URL や短いテキストを物理空間に橋渡しする便利な手段です。",[17,2754,2755,2759],{},[70,2756,2758],{"href":2757},"\u002Ftools\u002Fqr-create","Zerosend の QR コード生成ツール"," は、QR を作る作業をブラウザ内で完結させます。",[12,2761,205],{"id":205},[207,2763,2764,2770,2776,2782,2792],{},[92,2765,2766,2769],{},[39,2767,2768],{},"URL 共有",": ブログ記事やランディングページの URL を QR 化し、チラシ・ポスター・プレゼンスライドに貼り付ける",[92,2771,2772,2775],{},[39,2773,2774],{},"名刺への掲載",": 個人サイト・SNS プロフィール・連絡先 vCard を QR にして名刺の余白に印刷する",[92,2777,2778,2781],{},[39,2779,2780],{},"店舗のメニューリンク",": 飲食店やショップがデジタルメニューの URL を QR 化してテーブルに設置する。メニュー変更のたびに紙を刷り直す必要がなくなる",[92,2783,2784,2787,2788,2791],{},[39,2785,2786],{},"Wi-Fi 情報の掲示",": SSID とパスワードを ",[256,2789,2790],{},"WIFI:S:ネットワーク名;T:WPA;P:パスワード;;"," 形式で入力すると、スキャンするだけで接続できる QR が生成できる",[92,2793,2794,2797],{},[39,2795,2796],{},"社内限定 URL の共有",": 外部に見られたくない社内ポータルや β テストの URL を、外部サーバーに渡さずに QR 化できる",[12,2799,2801],{"id":2800},"png-と-svg-の使い分け","PNG と SVG の使い分け",[207,2803,2804,2810],{},[92,2805,2806,2809],{},[39,2807,2808],{},"SVG (印刷用)",": ベクタ形式なので拡大しても劣化しない。名刺・ポスター・看板など印刷物には SVG が最適",[92,2811,2812,2815],{},[39,2813,2814],{},"PNG (Web 掲載用)",": Web ページや SNS への埋め込みには PNG が扱いやすい。サイズ指定のプレビューも確認しやすい",[12,2817,2819],{"id":2818},"なぜブラウザ内で-qr-を作るのか","なぜブラウザ内で QR を作るのか",[17,2821,2822,2823,1176],{},"QR 生成サービスの多くは、入力した URL やテキストをサーバーに送って画像を返す形式です。「URL を QR にしただけ」と思いがちですが、",[39,2824,2825],{},"どの URL を誰がいつ QR にしたかという履歴がサーバーに残り得ます",[17,2827,2828],{},"社内専用 URL、β 版テスト URL、限定公開のアンケート URL などは、外部に知られたくない情報です。Wi-Fi パスワードや連絡先情報をテキストから QR 化する場合、中身がそのまま第三者のサーバーに渡ります。",[17,2830,2831],{},"Zerosend では QR 生成処理そのものがブラウザ内で完結するため、入力したテキストは一切外に出ません。",[12,2833,248],{"id":248},[89,2835,2836,2842,2845,2848,2851],{},[92,2837,2838,258],{},[70,2839,2840],{"href":2757},[256,2841,2757],{},[92,2843,2844],{},"テキスト・URL を入力",[92,2846,2847],{},"出力形式 (PNG \u002F SVG)・サイズ・誤り訂正レベルを選択",[92,2849,2850],{},"「QR を生成する」をクリック",[92,2852,2853],{},"画像をダウンロード",[12,2855,2856],{"id":2856},"誤り訂正レベルの選び方",[207,2858,2859,2865,2871,2877],{},[92,2860,2861,2864],{},[39,2862,2863],{},"L (Low, 7%)",": 小さい QR にしたいとき。印刷品質が良いなら実用十分",[92,2866,2867,2870],{},[39,2868,2869],{},"M (Medium, 15%)",": 汎用・標準",[92,2872,2873,2876],{},[39,2874,2875],{},"Q (Quartile, 25%)",": 名刺・ステッカーなど汚れ・折れが予想される用途",[92,2878,2879,2882],{},[39,2880,2881],{},"H (High, 30%)",": ロゴ重ね合わせ・屋外掲示で摩耗想定",[12,2884,331],{"id":331},[17,2886,2887,2890],{},[256,2888,2889],{},"qrcode"," という広く使われているブラウザ対応ライブラリを使っています。",[207,2892,2893,2896,2899],{},[92,2894,2895],{},"入力テキストから QR マトリクスを計算",[92,2897,2898],{},"Canvas に描画 (PNG) または SVG として直接生成",[92,2900,2901],{},"モジュール数・誤り訂正レベル・色指定に応じて調整",[17,2903,2904],{},"SVG で生成すれば、拡大縮小しても劣化しないベクタ画像が得られます。印刷用途には SVG がおすすめです。",[12,2906,365],{"id":365},[17,2908,2909,2912],{},[39,2910,2911],{},"Q. QR に含められるテキスト量は？","\nA. 仕様上は最大 4296 文字 (英数字)、日本語なら 1817 文字程度まで。長くなるほど QR の密度が上がり、スキャン成功率は下がります。URL 短縮サービスの利用も検討してください (ただしサードパーティ依存が増える)。",[17,2914,2915,2918,2919,2921],{},[39,2916,2917],{},"Q. ロゴを中央に重ねたい","\nA. 本ツールでは直接対応していませんが、PNG \u002F SVG をダウンロードしたあと ",[70,2920,1728],{"href":1121}," で合成できます。誤り訂正は H にしておくとスキャン成功率が上がります。",[17,2923,2924,2927],{},[39,2925,2926],{},"Q. 作った QR の履歴は残りますか？","\nA. 残りません。タブを閉じた時点ですべて消えます。",[12,2929,392],{"id":392},[207,2931,2932,2939,2944,2949],{},[92,2933,2934,2938],{},[70,2935,2937],{"href":2936},"\u002Ftools\u002Fqr-read","QR コード読み取り"," — 生成した QR の検証・他人の QR の中身確認",[92,2940,2941,2943],{},[70,2942,1728],{"href":1121}," — QR にロゴを重ねる合成に",[92,2945,2946,2948],{},[70,2947,869],{"href":868}," — 複数 QR を 1 枚にまとめて印刷",[92,2950,2951,2955],{},[70,2952,2954],{"href":2953},"\u002Ftools\u002Ffavicon-generator","ファビコン生成"," — Web サイト向けアイコン素材もブラウザ内で作成",{"title":159,"searchDepth":160,"depth":160,"links":2957},[2958,2959,2960,2961,2962,2963,2964,2965],{"id":205,"depth":160,"text":205},{"id":2800,"depth":160,"text":2801},{"id":2818,"depth":160,"text":2819},{"id":248,"depth":160,"text":248},{"id":2856,"depth":160,"text":2856},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の QR コード生成ツールは、URL やテキストをサーバーに送らずブラウザ内で QR 画像 (PNG \u002F SVG) に変換します。名刺・ポスター・プレゼン用の QR 作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-create-intro",{"title":2747,"description":2966},"qr-create-intro","blog\u002Fqr-create-intro",[2973,185],"QR","6JpZtRhu832AQp3h_uxIPs5vVv-mxaDe0ZRJBFamLnM",{"id":2976,"title":2977,"author":7,"body":2978,"category":169,"coverImage":170,"description":3200,"draft":172,"extension":173,"locale":174,"meta":3201,"navigation":176,"noindex":172,"path":3202,"publishedAt":437,"seo":3203,"slug":3204,"stem":3205,"tags":3206,"updatedAt":437,"__hash__":3208},"blog\u002Fblog\u002Fqr-read-intro.md","QR コードを読み取る — \u002Ftools\u002Fqr-read の思想と使い方",{"type":9,"value":2979,"toc":3191},[2980,2983,2989,2991,3019,3023,3030,3033,3047,3050,3052,3073,3075,3081,3099,3102,3105,3108,3126,3129,3131,3141,3147,3153,3162,3171,3173],[17,2981,2982],{},"怪しい広告に貼られていた QR、送られてきたチラシの QR、カメラで読むにはスマホを近づける距離が取りづらい QR。「画像として手元にある QR を PC でサッと中身だけ確認したい」という場面は意外と多いものです。",[17,2984,2985,2988],{},[70,2986,2987],{"href":2936},"Zerosend の QR 読み取りツール"," は、この用途のためにあります。フィッシングやスキャン型詐欺への自衛にも使えます。",[12,2990,2540],{"id":2540},[207,2992,2993,2999,3005,3011],{},[92,2994,2995,2998],{},[39,2996,2997],{},"印刷物の URL を PC でそのまま開きたい",": チラシやポスターの QR を撮影 → 画像をドロップ → URL をコピー、という流れでスマホを使わずに遷移できます",[92,3000,3001,3004],{},[39,3002,3003],{},"受け取った QR の内容を先に確認したい",": メールや SNS で届いた QR をスキャンする前に、リンク先が安全かテキストで確認できます",[92,3006,3007,3010],{},[39,3008,3009],{},"スクリーンショットに含まれる QR を読みたい",": 画面録画や資料の中に小さく写っている QR も、画像をそのまま貼り付けるだけで読み取れます",[92,3012,3013,1248,3016,3018],{},[39,3014,3015],{},"QR コード生成後の検証",[70,3017,75],{"href":2757}," で作った QR が正しい内容を埋め込んでいるか、すぐ確認できます",[12,3020,3022],{"id":3021},"なぜブラウザ内で-qr-を読み取るのか","なぜブラウザ内で QR を読み取るのか",[17,3024,3025,3026,3029],{},"QR 読み取り=「カメラで撮って自動でリンクを開く」と考えがちですが、これは",[39,3027,3028],{},"危険な挙動","です。悪意のある QR はフィッシングサイト、マルウェア配布 URL、課金トラップ、不審なアプリインストールに誘導することがあります。",[17,3031,3032],{},"Zerosend はこれに対し 2 つの方針を取ります。",[89,3034,3035,3041],{},[92,3036,3037,3040],{},[39,3038,3039],{},"画像読み取り処理をローカルで行う"," — QR 画像を第三者に渡さない",[92,3042,3043,3046],{},[39,3044,3045],{},"デコード結果を自動遷移しない"," — URL が含まれていても、まずテキストとして表示し、ユーザーが内容を確認してから手動で判断できる",[17,3048,3049],{},"これはセキュリティ設計として重要な原則で、ZerosendのCLAUDE.mdにも「外部 URL への自動遷移禁止」として明記されています。",[12,3051,248],{"id":248},[89,3053,3054,3060,3063,3070],{},[92,3055,3056,258],{},[70,3057,3058],{"href":2936},[256,3059,2936],{},[92,3061,3062],{},"QR が写っている画像をドラッグ&ドロップ",[92,3064,3065,3066,3069],{},"自動でデコードが走り、結果が",[39,3067,3068],{},"プレーンテキスト","として表示される",[92,3071,3072],{},"内容を確認し、必要なら手動でコピー・遷移",[12,3074,331],{"id":331},[17,3076,3077,3080],{},[256,3078,3079],{},"jsQR"," というブラウザ対応の純 JavaScript QR デコーダを使っています。",[207,3082,3083,3087,3093,3096],{},[92,3084,1654,3085,1033],{},[256,3086,1032],{},[92,3088,3089,3092],{},[256,3090,3091],{},"getImageData()"," でピクセル配列を取得",[92,3094,3095],{},"jsQR がピクセル配列から QR を検出・デコード",[92,3097,3098],{},"結果をテキストとしてそのまま表示 (HTML として解釈しない・リンク化しない)",[17,3100,3101],{},"ライブラリは WASM ではなく純 JavaScript 実装のため、初回ロードが軽いのも特徴です。",[12,3103,3104],{"id":3104},"フィッシング対策としての使い方",[17,3106,3107],{},"怪しいメール・チラシ・SMS に QR が含まれているとき:",[89,3109,3110,3113,3120,3123],{},[92,3111,3112],{},"画像をスクリーンショットや保存で取得 (スキャンしない)",[92,3114,3115,3116,3119],{},"Zerosend で読み取って",[39,3117,3118],{},"テキストとして"," URL を確認",[92,3121,3122],{},"URL 構造に違和感がないかチェック (正規サイトのサブドメイン偽装、短縮 URL 経由、意味不明なパスなど)",[92,3124,3125],{},"問題なさそうなら手動でアドレスバーに入力して遷移",[17,3127,3128],{},"カメラで直接読むと一発でブラウザが開くリスクがありますが、この手順ならテキストで一度確認できます。",[12,3130,365],{"id":365},[17,3132,3133,3136,3137,3140],{},[39,3134,3135],{},"Q. 悪意ある QR コードを読み取っても安全ですか？","\nA. 安全です。Zerosend は読み取り結果を ",[39,3138,3139],{},"テキストとして表示するだけ","で、URL を自動的に開きません。フィッシングサイトへの誘導や不正アプリのインストールは、ユーザーが自分でリンクを開かない限り起きません。設計上の安全機構です。",[17,3142,3143,3146],{},[39,3144,3145],{},"Q. バーコード (1D コード) も読み取れますか？","\nA. 現状は QR コード (2D) 専用です。バーコードには非対応です。",[17,3148,3149,3152],{},[39,3150,3151],{},"Q. 画像内に複数の QR がある場合は？","\nA. 現状は最初に検出された 1 つだけ読み取ります。",[17,3154,3155,3158,3159,3161],{},[39,3156,3157],{},"Q. 読み取れない QR","\nA. 解像度不足・反射・歪みが主な原因です。撮り直すか ",[70,3160,1728],{"href":1121}," で補正を試してください。",[17,3163,3164,3167,3168,3170],{},[39,3165,3166],{},"Q. 読み取り結果がサーバーに送られていないか確認したい","\nA. DevTools の Network タブを開いてから QR 画像をドロップしてください。通信が発生しないことが確認できます。",[256,3169,3079],{}," ライブラリは純 JavaScript 実装のため、WASM の読み込みもなく初回ロードが軽いです。",[12,3172,392],{"id":392},[207,3174,3175,3181,3186],{},[92,3176,3177,3180],{},[70,3178,3179],{"href":2757},"QR コード生成"," — 作った QR の検証にも使える",[92,3182,3183,3185],{},[70,3184,1728],{"href":1121}," — QR 画像の切り抜き・回転で読み取り成功率向上",[92,3187,3188,3190],{},[70,3189,848],{"href":847}," — 読み取れた QR 画像を軽く保存",{"title":159,"searchDepth":160,"depth":160,"links":3192},[3193,3194,3195,3196,3197,3198,3199],{"id":2540,"depth":160,"text":2540},{"id":3021,"depth":160,"text":3022},{"id":248,"depth":160,"text":248},{"id":331,"depth":160,"text":331},{"id":3104,"depth":160,"text":3104},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の QR 読み取りツールは、画像をサーバーに送らずブラウザ内で QR の中身をテキスト抽出します。リンク先の自動遷移はせず、安全に内容を確認できます。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fqr-read-intro",{"title":2977,"description":3200},"qr-read-intro","blog\u002Fqr-read-intro",[2973,185,3207],"セキュリティ","9MmmWPTfOPwejFG4M1Cr_Z6VD8XdHWqtq-FTJEUil_0",{"id":3210,"title":3211,"author":7,"body":3212,"category":169,"coverImage":170,"description":3440,"draft":172,"extension":173,"locale":174,"meta":3441,"navigation":176,"noindex":172,"path":3442,"publishedAt":437,"seo":3443,"slug":3444,"stem":3445,"tags":3446,"updatedAt":437,"__hash__":3448},"blog\u002Fblog\u002Fvideo-compress-intro.md","動画をブラウザ内で圧縮する — \u002Ftools\u002Fvideo-compress の思想と使い方",{"type":9,"value":3213,"toc":3428},[3214,3217,3227,3230,3233,3240,3251,3253,3256,3275,3278,3304,3307,3311,3314,3318,3329,3365,3368,3372,3378,3380,3386,3392,3398,3404,3406,3425],[17,3215,3216],{},"打ち合わせ動画、商品撮影、画面録画、子供の運動会。日常で動画を扱う場面は増える一方で、SNS やメッセンジャーのサイズ制限、メールの添付上限、サーバーのストレージコストという現実的な壁にぶつかります。",[17,3218,3219,3220,3226],{},"Zerosend は ",[70,3221,3222,3223,3225],{"href":420},"動画圧縮ツール (",[256,3224,420],{},")"," を、この「軽くしたいだけなのに、動画を他人のサーバーに預ける必要はない」という素朴な違和感を起点に作りました。なぜ作ったのか、どう使うのか、裏で何が起きているのかを整理します。",[12,3228,3229],{"id":3229},"なぜブラウザ内で動画を圧縮するのか",[17,3231,3232],{},"動画は個人情報そのものです。顔・声・背景・位置情報、ときには画面録画の中にパスワードや顧客名まで写り込みます。これをオンラインの圧縮サービスにアップロードするということは、その内容を一度他人のサーバーに預けることです。",[17,3234,3235,3236,3239],{},"多くのサービスは「一定時間で自動削除」を謳いますが、",[39,3237,3238],{},"その削除は利用者から検証できません","。削除完了のスクリーンショットを送ってくれるわけでもなく、ログがどこまで残るかも不透明です。未公開の企画映像や社内会議の録画を、無料ツールに放り込むことに抵抗を感じたことがある人は多いはずです。",[17,3241,3242,3243,3246,3247,3250],{},"Zerosend は逆のアプローチを取ります。",[39,3244,3245],{},"動画ファイルを最初から外に出さない","。処理はすべて、あなたがいま開いているこのブラウザ、ローカル端末の CPU と GPU の中だけで完結します。DevTools の Network タブを開いたまま圧縮を実行すれば、動画そのものがアップロードされていないことを自分の目で確認できます。信用してもらう代わりに、",[39,3248,3249],{},"検証可能にする"," — これが Zerosend の基本方針です。",[12,3252,248],{"id":248},[17,3254,3255],{},"操作はシンプルです。",[89,3257,3258,3264,3267,3270,3272],{},[92,3259,3260,258],{},[70,3261,3262],{"href":420},[256,3263,420],{},[92,3265,3266],{},"画面中央のドロップゾーンに動画ファイルをドラッグ&ドロップ、またはクリックして選択 (MP4 \u002F WebM \u002F MOV、最大 500MB)",[92,3268,3269],{},"圧縮強度 (CRF) と解像度を選ぶ",[92,3271,1999],{},[92,3273,3274],{},"処理が終わると「処理完了。あなたのファイルは外に出ていません。」と表示され、ダウンロードボタンから結果を保存できる",[85,3276,3277],{"id":3277},"設定の目安",[207,3279,3280,3286,3292,3298],{},[92,3281,3282,3285],{},[39,3283,3284],{},"高画質 (CRF 23)",": 画質維持を最優先。削減率は 10〜30% 程度。保存用のマスター映像向け",[92,3287,3288,3291],{},[39,3289,3290],{},"標準 (CRF 28)",": 視覚的な劣化は軽微。削減率 40〜70%。ウェブ掲載・SNS 共有に",[92,3293,3294,3297],{},[39,3295,3296],{},"小さめ (CRF 32)",": 多少ぼやけるが容量優先。チャット添付・LINE・メール向け",[92,3299,3300,3303],{},[39,3301,3302],{},"最小 (CRF 36)",": 輪郭が甘くなる。品質より「とにかく送れる」が最優先なとき",[17,3305,3306],{},"解像度は 100 \u002F 75 \u002F 50% から選べます。1080p の素材を 75% にすると、CRF を 1〜2 下げるより確実にサイズが落ちます。",[12,3308,3310],{"id":3309},"仕組み-二段構えのエンジン","仕組み — 二段構えのエンジン",[17,3312,3313],{},"Zerosend の動画圧縮は、単一のエンジンに依存していません。ブラウザの能力を見て、もっとも速い経路を自動で選びます。",[85,3315,3317],{"id":3316},"_1-webcodecs-高速パス","1. WebCodecs (高速パス)",[17,3319,3320,3321,3324,3325,3328],{},"Chrome \u002F Edge \u002F 最近の Safari には ",[256,3322,3323],{},"WebCodecs"," API が実装されており、",[39,3326,3327],{},"GPU 支援の H.264 エンコーダ","をブラウザから直接呼び出せます。Zerosend は対応環境では次のパイプラインで処理します。",[207,3330,3331,3337,3343,3350,3356,3359],{},[92,3332,3333,3336],{},[256,3334,3335],{},"mp4box.js"," で MP4 ファイルを demux",[92,3338,3339,3342],{},[256,3340,3341],{},"VideoDecoder"," でフレームを復号 (ハードウェアアクセラレーション)",[92,3344,3345,3346,3349],{},"必要なら ",[256,3347,3348],{},"OffscreenCanvas"," でリサイズ",[92,3351,3352,3355],{},[256,3353,3354],{},"VideoEncoder"," で H.264 に再エンコード (GPU)",[92,3357,3358],{},"音声はロスレスコピー (AAC のチャンクをそのまま維持)",[92,3360,3361,3364],{},[256,3362,3363],{},"mp4-muxer"," で MP4 に mux し、Blob として出力",[17,3366,3367],{},"数百 MB の動画も数十秒で処理できます。処理後の結果カードに「エンジン: webcodecs」と表示されれば、このパスが走っています。",[85,3369,3371],{"id":3370},"_2-ffmpegwasm-フォールバック","2. ffmpeg.wasm (フォールバック)",[17,3373,3374,3375,3377],{},"WebCodecs が未対応のブラウザ、HEVC などの特殊なコーデック入力、mp4box が parse できない特殊コンテナのときは、自動的に ",[256,3376,543],{}," に切り替わります。完全に CPU で処理するため速度は落ちますが、対応できるフォーマットの幅が段違いに広いのが強みです。ffmpeg-core は Cloudflare R2 から、同一オリジンのパスを経由して 32MB の WASM を取得します。初回のみ時間がかかりますが、2 回目以降はブラウザのキャッシュから復元されます。",[12,3379,365],{"id":365},[17,3381,3382,3385],{},[39,3383,3384],{},"Q. 処理中にインターネット接続が切れたら？","\nA. 動画本体の送受信は発生しないため、圧縮処理自体は継続します。エンジン (ffmpeg.wasm) が未ロードの状態だと初回ダウンロードで失敗しますが、一度読み込んだあとはオフラインでも動作します。",[17,3387,3388,3391],{},[39,3389,3390],{},"Q. 結果のファイルはどこに保存されますか？","\nA. ダウンロードボタンを押したときのブラウザの保存先です。サーバーには何も残りません。結果ファイルはタブを閉じるとメモリから消えます。",[17,3393,3394,3397],{},[39,3395,3396],{},"Q. 画質が思ったより落ちます。","\nA. CRF を下げる (例: 28 → 23)、または解像度の縮小をやめる (50% → 100%) と改善します。素材が 4K なら、100% のまま CRF を下げるより 75% + CRF 25 の方が視覚的なバランスが取れやすいです。",[17,3399,3400,3403],{},[39,3401,3402],{},"Q. iPhone で撮った MOV も処理できますか？","\nA. はい。HEVC (H.265) の場合は ffmpeg.wasm 側のフォールバックに回るため時間がかかりますが、H.264 にトランスコードされた MP4 として出力されます。",[12,3405,392],{"id":392},[207,3407,3408,3415,3420],{},[92,3409,3410,3414],{},[70,3411,3413],{"href":3412},"\u002Ftools\u002Fvideo-to-gif","動画 → GIF"," — SNS の表紙やドキュメント挿入に",[92,3416,3417,3419],{},[70,3418,414],{"href":413}," — 必要な区間だけ切り出してから圧縮すると効率的",[92,3421,3422,3424],{},[70,3423,407],{"href":406}," — MOV \u002F WebM → MP4 など",[17,3426,3427],{},"Zerosend は「日常のちょっとした加工を、あなたの端末で完結させる」ことに徹したツール集です。動画の中身があなたの手元から離れないことを、DevTools で自分の目で確かめてから使ってみてください。",{"title":159,"searchDepth":160,"depth":160,"links":3429},[3430,3431,3434,3438,3439],{"id":3229,"depth":160,"text":3229},{"id":248,"depth":160,"text":248,"children":3432},[3433],{"id":3277,"depth":167,"text":3277},{"id":3309,"depth":160,"text":3310,"children":3435},[3436,3437],{"id":3316,"depth":167,"text":3317},{"id":3370,"depth":167,"text":3371},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の動画圧縮ツールは、動画ファイルをサーバーに送らずブラウザ内で再エンコードしてサイズを削減します。WebCodecs で GPU 支援、未対応環境では ffmpeg.wasm にフォールバック。設計思想と使い方、仕組みを Zerosend 編集部が解説します。",{},"\u002Fblog\u002Fvideo-compress-intro",{"title":3211,"description":3440},"video-compress-intro","blog\u002Fvideo-compress-intro",[3447,2101,3323,185],"動画","613Z3mNi94G9pdH05SAOutm_1Lv_QgpilD4PnVSTRWE",{"id":3450,"title":3451,"author":7,"body":3452,"category":169,"coverImage":170,"description":3617,"draft":172,"extension":173,"locale":174,"meta":3618,"navigation":176,"noindex":172,"path":3619,"publishedAt":437,"seo":3620,"slug":3621,"stem":3622,"tags":3623,"updatedAt":437,"__hash__":3624},"blog\u002Fblog\u002Fvideo-convert-intro.md","動画形式を変換する — \u002Ftools\u002Fvideo-convert の思想と使い方",{"type":9,"value":3453,"toc":3608},[3454,3457,3463,3465,3472,3475,3477,3496,3499,3519,3521,3526,3528,3531,3552,3555,3557,3563,3569,3575,3583,3589,3591],[17,3455,3456],{},"iPhone で撮った MOV を Windows に送りたい、古いビデオカメラの AVI を YouTube に上げたい、ウェブサイト掲載用に WebM 形式に変換して読み込みを軽くしたい。動画の形式変換は、互換性問題を解決する定番作業です。MP4 は最も互換性が高く、迷ったらまず MP4 を選ぶのが安全です。WebM は Chrome \u002F Firefox での再生効率が良く、ウェブページ埋め込みに適しています。",[17,3458,3459,3462],{},[70,3460,3461],{"href":406},"Zerosend の動画形式変換ツール"," は、この変換をブラウザ内で完結させます。",[12,3464,235],{"id":235},[17,3466,3467,3468,3471],{},"動画ファイルは、内容がどのようなものであっても",[39,3469,3470],{},"撮影者・被写体・撮影場所","という 3 種の個人情報を常に含みます。結婚式の映像、社内イベントの録画、研修動画、顧客インタビュー。これらを無料のオンライン変換サービスに預けることは、映像を第三者のサーバーに一時的に置くことと同じです。",[17,3473,3474],{},"Zerosend では変換処理がローカルで完結するため、この構造的リスクを回避できます。",[12,3476,248],{"id":248},[89,3478,3479,3485,3488,3491,3493],{},[92,3480,3481,258],{},[70,3482,3483],{"href":406},[256,3484,406],{},[92,3486,3487],{},"動画ファイルをドラッグ&ドロップ",[92,3489,3490],{},"出力形式 (MP4 \u002F WebM) を選ぶ",[92,3492,267],{},[92,3494,3495],{},"ダウンロード",[12,3497,3498],{"id":3498},"形式の使い分け",[207,3500,3501,3507,3513],{},[92,3502,3503,3506],{},[39,3504,3505],{},"MP4 (H.264 + AAC)",": 汎用。ブラウザ・デバイス・SNS すべてで最も広く対応",[92,3508,3509,3512],{},[39,3510,3511],{},"WebM (VP9 + Opus)",": ブラウザネイティブ。ウェブサイト掲載で効率が良い",[92,3514,3515,3518],{},[39,3516,3517],{},"互換性優先なら MP4",": 疑問があれば MP4 を選ぶのが安全",[12,3520,537],{"id":536},[17,3522,2407,3523,3525],{},[39,3524,543],{}," を使ってブラウザ上で動画を変換します。ffmpeg.wasm は、動画処理の業界標準ツール「FFmpeg」を WebAssembly にコンパイルしたものです。サーバーへのアップロードは一切発生せず、すべての処理があなたの端末のメモリ上で完結します。初回アクセス時に約 30MB の WASM ファイルを読み込みます。",[12,3527,331],{"id":331},[17,3529,3530],{},"ffmpeg.wasm の再エンコードを利用しています。",[207,3532,3533,3536,3546,3549],{},[92,3534,3535],{},"入力動画を ffmpeg FS に書き込み",[92,3537,3538,3541,3542,3545],{},[256,3539,3540],{},"-c:v libx264 -c:a aac"," (MP4) または ",[256,3543,3544],{},"-c:v libvpx-vp9 -c:a libopus"," (WebM) で再エンコード",[92,3547,3548],{},"出力を Blob としてメモリに展開",[92,3550,3551],{},"ダウンロード用 URL を生成",[17,3553,3554],{},"再エンコードのため処理時間は入力の長さに比例します。30 秒の動画で数秒〜数十秒が目安です。",[12,3556,365],{"id":365},[17,3558,3559,3562],{},[39,3560,3561],{},"Q. 変換すると画質は落ちますか？","\nA. 再エンコードするため、理論上は多少劣化します。ただし本ツールのプリセットは実用レベルでは視覚的にほぼわからない品質設定です。",[17,3564,3565,3568],{},[39,3566,3567],{},"Q. 音声は変換後も保持されますか？","\nA. はい。MP4 では AAC、WebM では Opus コーデックで音声を保持します。",[17,3570,3571,3574],{},[39,3572,3573],{},"Q. コーデック指定や高度なオプションを変えたい","\nA. 本ツールは一般用途向けのプリセットで固定しています。細かい制御が必要なら、別のプロフェッショナル向けツールを検討してください。",[17,3576,3577,623,3580,3582],{},[39,3578,3579],{},"Q. 音声のみ抽出したい",[70,3581,579],{"href":200}," をお使いください。",[17,3584,3585,3588],{},[39,3586,3587],{},"Q. 対応していない入力形式","\nA. ffmpeg がサポートする範囲ですが、特殊コーデック (Pro Res \u002F DNxHD など) は未対応の場合があります。",[12,3590,392],{"id":392},[207,3592,3593,3598,3603],{},[92,3594,3595,3597],{},[70,3596,421],{"href":420}," — 変換と同時にサイズも削減したいとき",[92,3599,3600,3602],{},[70,3601,414],{"href":413}," — 変換前に必要な区間だけ切り出す",[92,3604,3605,3607],{},[70,3606,579],{"href":200}," — 動画から音声だけ抽出して変換",{"title":159,"searchDepth":160,"depth":160,"links":3609},[3610,3611,3612,3613,3614,3615,3616],{"id":235,"depth":160,"text":235},{"id":248,"depth":160,"text":248},{"id":3498,"depth":160,"text":3498},{"id":536,"depth":160,"text":537},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の動画形式変換ツールは、MOV \u002F WebM \u002F MKV \u002F AVI などの動画をサーバーに送らずブラウザ内で MP4 など互換性の高い形式に変換します。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-convert-intro",{"title":3451,"description":3617},"video-convert-intro","blog\u002Fvideo-convert-intro",[3447,443,185],"uen8HCCs7nwIfruqSzlnOQeM7PeUONPCTqhbCV48i8I",{"id":3626,"title":3627,"author":7,"body":3628,"category":169,"coverImage":170,"description":3865,"draft":172,"extension":173,"locale":174,"meta":3866,"navigation":176,"noindex":172,"path":3867,"publishedAt":437,"seo":3868,"slug":3869,"stem":3870,"tags":3871,"updatedAt":437,"__hash__":3873},"blog\u002Fblog\u002Fvideo-to-gif-intro.md","動画を GIF に変換する — \u002Ftools\u002Fvideo-to-gif の思想と使い方",{"type":9,"value":3629,"toc":3855},[3630,3633,3638,3640,3666,3670,3673,3693,3699,3703,3709,3712,3714,3736,3739,3742,3768,3770,3781,3800,3803,3805,3814,3824,3830,3836,3838],[17,3631,3632],{},"画面操作の説明を Slack で共有したい、バグの再現手順を issue に貼りたい、X のタイムラインで動く画像にしたい。動画が重くて共有しづらい場面で GIF は今でも現役です。",[17,3634,3635,3462],{},[70,3636,3637],{"href":3412},"Zerosend の 動画 → GIF 変換ツール",[12,3639,2540],{"id":2540},[207,3641,3642,3648,3654,3660],{},[92,3643,3644,3647],{},[39,3645,3646],{},"チャット・SNS への操作デモ共有",": Slack・Discord・X では動画より GIF の方が自動再生されやすく、見てもらいやすい",[92,3649,3650,3653],{},[39,3651,3652],{},"GitHub Issue へのバグ再現添付",": 再現手順を GIF にすると、文章だけより圧倒的に伝わります",[92,3655,3656,3659],{},[39,3657,3658],{},"製品マニュアルや説明資料",": 使い方の短いアニメを埋め込むとドキュメントの分かりやすさが上がります",[92,3661,3662,3665],{},[39,3663,3664],{},"SNS 投稿用のループ動画",": 短い映像をループさせてタイムラインで目を引く素材にできます",[12,3667,3669],{"id":3668},"gif-の特性を理解して使う","GIF の特性を理解して使う",[17,3671,3672],{},"GIF には独自の制約があります。",[207,3674,3675,3681,3687],{},[92,3676,3677,3680],{},[39,3678,3679],{},"音声なし",": GIF 形式の仕様上、音声トラックは含められません",[92,3682,3683,3686],{},[39,3684,3685],{},"色数は最大 256 色",": フルカラー動画に比べて色表現が限られます。グラデーションや写真素材はバンディングが出やすい",[92,3688,3689,3692],{},[39,3690,3691],{},"ファイルサイズが大きくなりやすい",": 同じ長さ・解像度の動画 MP4 と比べると、GIF は数倍のサイズになることが多い",[17,3694,3695,3696,3698],{},"画面操作録画やシンプルなアニメーションには向いています。風景動画など色が複雑な素材は ",[70,3697,421],{"href":420}," で MP4 のままにするのが適切です。",[12,3700,3702],{"id":3701},"なぜブラウザ内で-gif-変換するのか","なぜブラウザ内で GIF 変換するのか",[17,3704,3705,3706,1176],{},"画面録画の中身は、UI スクリーンショット以上に情報を含みます。操作中に映る URL・ユーザー名・通知内容・顧客の名前。これらを含む動画を GIF 変換サービスにアップロードすると、",[39,3707,3708],{},"動画の全フレームが相手のサーバーに渡ります",[17,3710,3711],{},"Zerosend では変換処理をローカルで行うため、そのリスクがありません。DevTools で通信が発生していないことを確認してから使ってください。",[12,3713,248],{"id":248},[89,3715,3716,3722,3725,3728,3731,3734],{},[92,3717,3718,258],{},[70,3719,3720],{"href":3412},[256,3721,3412],{},[92,3723,3724],{},"動画ファイルをドラッグ&ドロップ (MP4 \u002F WebM \u002F MOV)",[92,3726,3727],{},"切り出し区間 (開始時刻・終了時刻) を指定",[92,3729,3730],{},"フレームレート (5 \u002F 10 \u002F 15fps) と幅を選択",[92,3732,3733],{},"「GIF 化を開始する」をクリック",[92,3735,3495],{},[12,3737,3738],{"id":3738},"サイズを抑えるコツ",[17,3740,3741],{},"GIF は形式として大きくなりがちです。以下の指針で調整してください。",[207,3743,3744,3750,3756,3762],{},[92,3745,3746,3749],{},[39,3747,3748],{},"区間は短く",": 3〜6 秒が実用上の上限",[92,3751,3752,3755],{},[39,3753,3754],{},"幅は 480px 以下",": Slack・Twitter で使うなら 480px 前後で十分",[92,3757,3758,3761],{},[39,3759,3760],{},"フレームレートは 10fps",": 15fps 以上は体感差が小さくサイズだけ増える",[92,3763,3764,3767],{},[39,3765,3766],{},"色数は制限",": ツール側で最適化しているが、単調な色味の動画ほどうまくハマる",[12,3769,331],{"id":331},[17,3771,3772,3773,3776,3777,3780],{},"ffmpeg.wasm で動画を復号し、",[256,3774,3775],{},"palettegen"," と ",[256,3778,3779],{},"paletteuse"," フィルタを使って GIF の 256 色パレットに最適化して書き出しています。",[207,3782,3783,3785,3791,3797],{},[92,3784,3535],{},[92,3786,3787,3790],{},[256,3788,3789],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,palettegen\""," で最適パレット生成",[92,3792,3793,3796],{},[256,3794,3795],{},"-vf \"fps=10,scale=480:-1:flags=lanczos,paletteuse\""," で GIF エンコード",[92,3798,3799],{},"Blob としてメモリに展開",[17,3801,3802],{},"2 パス処理をブラウザ内で完結させているため、サーバー送信は一切発生しません。",[12,3804,365],{"id":365},[17,3806,3807,3810,3811,3813],{},[39,3808,3809],{},"Q. GIF が想像より大きくなるのはなぜ？","\nA. GIF の圧縮効率は MP4 より大幅に劣ります。色数が多い・解像度が高い・再生時間が長いほどサイズが跳ね上がります。区間を短く・幅を小さく・フレームレートを低くすることで抑えられます。30 秒超なら ",[70,3812,421],{"href":420}," で軽量 MP4 のままにするのをお勧めします。",[17,3815,3816,3819,3820,3823],{},[39,3817,3818],{},"Q. 最適なフレームレートは？","\nA. 画面操作デモや UI アニメーションなら ",[39,3821,3822],{},"10fps"," で十分です。15fps 以上は体感差が小さくサイズだけ増えます。スポーツや動きが速い動画なら 15fps を試してみてください。",[17,3825,3826,3829],{},[39,3827,3828],{},"Q. 音声は入りますか？","\nA. GIF 仕様上、音声は含められません。音声付きで共有したいなら動画のままが適切です。",[17,3831,3832,3835],{},[39,3833,3834],{},"Q. 透過 GIF は作れますか？","\nA. 1 ビット透過なら可能ですが、動画ソースからの抽出は実用的でないため、本ツールでは非対応です。",[12,3837,392],{"id":392},[207,3839,3840,3845,3850],{},[92,3841,3842,3844],{},[70,3843,414],{"href":413}," — GIF 化前に必要な区間だけ切り出す",[92,3846,3847,3849],{},[70,3848,421],{"href":420}," — GIF の代わりに軽量 MP4 にする選択肢",[92,3851,3852,3854],{},[70,3853,407],{"href":406}," — 他形式への変換",{"title":159,"searchDepth":160,"depth":160,"links":3856},[3857,3858,3859,3860,3861,3862,3863,3864],{"id":2540,"depth":160,"text":2540},{"id":3668,"depth":160,"text":3669},{"id":3701,"depth":160,"text":3702},{"id":248,"depth":160,"text":248},{"id":3738,"depth":160,"text":3738},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の 動画 → GIF 変換ツールは、動画をサーバーに送らずブラウザ内で GIF アニメに変換します。SNS・ドキュメント・Slack 用の短尺アニメ作成に。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-to-gif-intro",{"title":3627,"description":3865},"video-to-gif-intro","blog\u002Fvideo-to-gif-intro",[3447,3872,185],"GIF","KP5LnDJg0eajQ42qALBS-sWzXFmFrGx0dQo1I45wKAc",{"id":3875,"title":3876,"author":7,"body":3877,"category":169,"coverImage":170,"description":4070,"draft":172,"extension":173,"locale":174,"meta":4071,"navigation":176,"noindex":172,"path":4072,"publishedAt":437,"seo":4073,"slug":4074,"stem":4075,"tags":4076,"updatedAt":437,"__hash__":4077},"blog\u002Fblog\u002Fvideo-trim-intro.md","動画をトリミング (切り出し) する — \u002Ftools\u002Fvideo-trim の思想と使い方",{"type":9,"value":3878,"toc":4061},[3879,3882,3887,3889,3921,3923,3930,3933,3935,3954,3958,3964,3967,3969,3977,3992,3995,3997,4005,4011,4020,4025,4031,4042,4044],[17,3880,3881],{},"60 分の会議録画から「重要な 3 分」だけ共有したい、旅行動画の最初の手ブレ部分をカットしたい、画面録画の誤操作部分を除きたい。動画のトリミングは、共有前の定番作業です。",[17,3883,3884,202],{},[70,3885,3886],{"href":413},"Zerosend の動画トリミングツール",[12,3888,460],{"id":460},[207,3890,3891,3897,3903,3909,3915],{},[92,3892,3893,3896],{},[39,3894,3895],{},"会議録画の抜粋共有",": 60 分の Zoom 録画から決議箇所の 5 分だけを切り出してチームに送る",[92,3898,3899,3902],{},[39,3900,3901],{},"旅行動画の冒頭カット",": 起動直後の手ブレや暗転部分を除いて本編から始める",[92,3904,3905,3908],{},[39,3906,3907],{},"画面録画の整理",": 操作説明動画の冒頭・末尾の余分な操作を削除",[92,3910,3911,3914],{},[39,3912,3913],{},"SNS 投稿用にカット",": 長い動画から見せたい場面だけを 60 秒以内に切り出す",[92,3916,3917,3920],{},[39,3918,3919],{},"インタビュー動画の引用",": 収録全体から発言箇所だけを抜粋してプレゼンに使う",[12,3922,501],{"id":501},[17,3924,3925,3926,3929],{},"トリミングしたい動画ほど「切り取りたい箇所」より「切り捨てたい箇所」が大きいものです。60 分の会議録画から 3 分を抽出する場合、",[39,3927,3928],{},"残りの 57 分分の機密発言もいったん相手サーバーにアップロードする","ことになります。",[17,3931,3932],{},"これはプライバシー観点で非合理的です。Zerosend はトリミング処理をローカルで行うため、アップロードそのものが発生しません。入力動画が数 GB あっても、ネットワークには何も流れません。",[12,3934,248],{"id":248},[89,3936,3937,3943,3946,3949,3951],{},[92,3938,3939,258],{},[70,3940,3941],{"href":413},[256,3942,413],{},[92,3944,3945],{},"動画をドラッグ&ドロップ",[92,3947,3948],{},"開始時刻・終了時刻を指定 (スライダーまたは秒数入力)",[92,3950,530],{},[92,3952,3953],{},"切り出された動画をダウンロード",[12,3955,3957],{"id":3956},"ffmpegwasm-とは","ffmpeg.wasm とは",[17,3959,3960,3961,3963],{},"ffmpeg は動画・音声処理の世界標準ツールで、もともとはターミナルで使うコマンドラインプログラムです。",[39,3962,543],{}," はこれを WebAssembly (WASM) にコンパイルしたもので、インストール不要でブラウザ上で動作します。",[17,3965,3966],{},"Zerosend はこの ffmpeg.wasm を使って、ネイティブアプリに近い動画処理をブラウザ内で実現しています。初回アクセス時は約 30MB の WASM ファイルを取得するため少し時間がかかりますが、取得後はオフラインでも動作します。",[12,3968,331],{"id":331},[17,3970,552,3971,3973,3974,3976],{},[256,3972,555],{}," (開始) \u002F ",[256,3975,559],{}," (終了) オプションを使って指定区間を切り出します。",[207,3978,3979,3981,3987],{},[92,3980,3535],{},[92,3982,3983,3986],{},[256,3984,3985],{},"-ss \u003Cstart> -i input.mp4 -to \u003Cend> -c copy output.mp4"," で再エンコードなしに切り出し",[92,3988,3989,3991],{},[256,3990,626],{}," によりロスレス抽出 (処理も高速)",[17,3993,3994],{},"再エンコードしないため、画質劣化なし・処理時間も入力サイズの数%程度で完了します。",[12,3996,365],{"id":365},[17,3998,3999,623,4002,4004],{},[39,4000,4001],{},"Q. フレーム単位の精度は？",[256,4003,626],{}," でキーフレーム境界に揃える仕様のため、GOP サイズに依存します。秒単位以上の精度が必要なら問題なく使えますが、フレーム単位の精度が必要な場合は本ツール内で再エンコードオプションを有効化できます (処理時間が増加)。",[17,4006,4007,4010],{},[39,4008,4009],{},"Q. 対応している動画形式は？","\nA. MP4・MOV・AVI・WebM・MKV など主要な形式に対応しています。スマートフォンで撮影した MP4 や MOV ファイルはそのまま使えます。",[17,4012,4013,4016,4017,4019],{},[39,4014,4015],{},"Q. ファイルサイズの上限はありますか？","\nA. デバイスのメモリに依存します。PC (8GB RAM) なら 2〜4GB 程度まで問題なく処理できます。大容量ファイルは事前に ",[70,4018,421],{"href":420}," でサイズを小さくしておくと安定します。",[17,4021,4022,4024],{},[39,4023,632],{},"\nA. 現状は 1 区間のみです。複数区間を扱う場合は 1 区間ずつ抽出後、別途結合ツールを使ってください。",[17,4026,4027,4030],{},[39,4028,4029],{},"Q. 音声も一緒に切り出される？","\nA. はい。映像と音声は同じ区間でセット抽出されます。",[17,4032,4033,623,4036,4038,4039,4041],{},[39,4034,4035],{},"Q. 音声だけ切り出したい場合は？",[70,4037,400],{"href":399}," を使うか、本ツールで切り出した動画から音声だけを ",[70,4040,579],{"href":200}," で抽出してください。",[12,4043,392],{"id":392},[207,4045,4046,4051,4056],{},[92,4047,4048,4050],{},[70,4049,421],{"href":420}," — トリミング後にサイズ削減",[92,4052,4053,4055],{},[70,4054,3413],{"href":3412}," — 短い区間を GIF アニメに",[92,4057,4058,4060],{},[70,4059,407],{"href":406}," — 形式違いへの変換",{"title":159,"searchDepth":160,"depth":160,"links":4062},[4063,4064,4065,4066,4067,4068,4069],{"id":460,"depth":160,"text":460},{"id":501,"depth":160,"text":501},{"id":248,"depth":160,"text":248},{"id":3956,"depth":160,"text":3957},{"id":331,"depth":160,"text":331},{"id":365,"depth":160,"text":365},{"id":392,"depth":160,"text":392},"Zerosend の動画トリミングツールは、動画をサーバーに送らずブラウザ内で任意の区間だけ切り出します。不要な前後や長い会議録画から特定区間のみを共有したいときに。Zerosend 編集部が解説。",{},"\u002Fblog\u002Fvideo-trim-intro",{"title":3876,"description":4070},"video-trim-intro","blog\u002Fvideo-trim-intro",[3447,688,185],"flNtXZjV9WjTykXy1_JxOHLdiVIRg7yWC_Xq2LTpcU8",{"id":4079,"title":4080,"author":7,"body":4081,"category":170,"coverImage":170,"description":4295,"draft":172,"extension":173,"locale":174,"meta":4296,"navigation":176,"noindex":172,"path":4297,"publishedAt":4298,"seo":4299,"slug":4300,"stem":4301,"tags":4302,"updatedAt":4298,"__hash__":4304},"blog\u002Fblog\u002Ffavicon-generator-intro.md","ブラウザだけで作るファビコン一式 — \u002Ftools\u002Ffavicon-generator の舞台裏",{"type":9,"value":4082,"toc":4284},[4083,4086,4089,4092,4095,4101,4104,4107,4156,4159,4194,4198,4205,4208,4228,4235,4237,4249,4255,4258,4261,4263,4275,4278],[12,4084,4085],{"id":4085},"ファビコンが必要な理由",[17,4087,4088],{},"ファビコンは、ブラウザのタブやブックマーク一覧でサイトを識別する小さなアイコンです。スマートフォンのホーム画面に「追加」したときに表示されるアイコン (apple-touch-icon \u002F PWA アイコン) も、ファビコン一式の一部です。「ファビコンがない」「サイズが揃っていない」といった状態は、ユーザーの信頼感を下げ、PWA 対応の妨げにもなります。",[12,4090,4091],{"id":4091},"背景",[17,4093,4094],{},"サイトのファビコンを更新する作業は、新規サイトでも既存サイトのリブランディングでも発生します。ロゴ画像 1 枚から必要なアイコンセットを揃えるのは地味に手間のかかる工程です。",[17,4096,4097,4100],{},[70,4098,4099],{"href":2953},"Zerosend のファビコン生成ツール"," は、この工程をブラウザ内で完結させます。ロゴ画像を外部に送らずに一式を作成できるので、NDA 下の受託案件や未公開のブランディング作業でも安心して使えます。",[12,4102,4103],{"id":4103},"何が出力されるか",[17,4105,4106],{},"1 枚の画像 (PNG \u002F JPG \u002F WebP \u002F SVG) から次の 9 ファイルを生成し、ZIP で配布します。",[207,4108,4109,4115,4126,4132,4141,4146],{},[92,4110,4111,4114],{},[256,4112,4113],{},"favicon.ico"," — 16 \u002F 32 \u002F 48px のマルチサイズ ICO",[92,4116,4117,556,4120,556,4123],{},[256,4118,4119],{},"favicon-16.png",[256,4121,4122],{},"favicon-32.png",[256,4124,4125],{},"favicon-48.png",[92,4127,4128,4131],{},[256,4129,4130],{},"apple-touch-icon.png"," (180×180)",[92,4133,4134,556,4137,4140],{},[256,4135,4136],{},"icon-192.png",[256,4138,4139],{},"icon-512.png"," (PWA)",[92,4142,4143],{},[256,4144,4145],{},"site.webmanifest",[92,4147,4148,4151,4152,4155],{},[256,4149,4150],{},"snippet.html"," — ",[256,4153,4154],{},"\u003Chead>"," に貼り付ける link タグ",[12,4157,4158],{"id":4158},"使い方ステップ",[89,4160,4161,4167,4177,4183],{},[92,4162,4163,4166],{},[39,4164,4165],{},"画像を準備する"," — 正方形の PNG \u002F JPG \u002F WebP \u002F SVG を用意。最低でも 512×512px 推奨",[92,4168,4169,4151,4172,4176],{},[39,4170,4171],{},"ドロップする",[70,4173,4174],{"href":2953},[256,4175,2953],{}," を開いてドラッグ&ドロップ",[92,4178,4179,4182],{},[39,4180,4181],{},"ZIP をダウンロードする"," — ボタンを押すと 9 ファイルが入った ZIP が生成される",[92,4184,4185,4151,4188,4190,4191,4193],{},[39,4186,4187],{},"HTML に貼り付ける",[256,4189,4150],{}," の内容をサイトの ",[256,4192,4154],{}," にコピーして完了",[12,4195,4197],{"id":4196},"ico-を自前で書き出す","ICO を自前で書き出す",[17,4199,4200,4201,4204],{},"PNG は Canvas API で簡単に書き出せますが、ICO は少し工夫が必要です。とはいえ、Windows Vista 以降の ICO は ",[39,4202,4203],{},"PNG バイト列をそのまま埋め込める"," ため、意外と単純です。",[17,4206,4207],{},"構造:",[207,4209,4210,4216,4222],{},[92,4211,4212,4215],{},[39,4213,4214],{},"ICONDIR"," (6 バイト): reserved \u002F type \u002F image count",[92,4217,4218,4221],{},[39,4219,4220],{},"ICONDIRENTRY"," (16 バイト × 画像数): 幅 \u002F 高さ \u002F bpp \u002F サイズ \u002F オフセット",[92,4223,4224,4227],{},[39,4225,4226],{},"画像データ",": PNG のバイト列を順に連結",[17,4229,4230,4231,4234],{},"依存ゼロで 30 行程度に収まります。",[256,4232,4233],{},"domain\u002Fprocessors\u002FfaviconGenerator.ts"," で実装を公開しています。",[12,4236,365],{"id":365},[17,4238,4239,4242,4243,4245,4246,4248],{},[39,4240,4241],{},"Q. どのサイズが必要ですか？","\nA. 最低限は ",[256,4244,4113],{}," (16\u002F32px) と ",[256,4247,4130],{}," (180px) です。PWA 対応するなら 192px と 512px も必要です。本ツールはこれらをすべて一括生成します。",[17,4250,4251,4254],{},[39,4252,4253],{},"Q. SVG のロゴから生成できますか？","\nA. はい。SVG を入力するとブラウザ側で各サイズにラスタライズしてから ICO \u002F PNG を生成します。",[12,4256,4257],{"id":4257},"検証の楽しさ",[17,4259,4260],{},"作ったあとは DevTools の Network タブで確認できます。画像選択 → 生成 → ダウンロードの全てで、あなたのロゴが外に出ないことを自分で検証できます。",[12,4262,392],{"id":392},[207,4264,4265,4270],{},[92,4266,4267,4269],{},[70,4268,848],{"href":847}," — 入力画像が大きすぎる場合、事前に軽量化",[92,4271,4272,4274],{},[70,4273,855],{"href":854}," — 正方形にトリミングしてからファビコン生成すると精度が上がる",[12,4276,4277],{"id":4277},"まとめ",[17,4279,4280,4281,1176],{},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F manifest \u002F HTML スニペットを、あなたの端末だけで生成できます。",[70,4282,4283],{"href":2953},"試してみてください",{"title":159,"searchDepth":160,"depth":160,"links":4285},[4286,4287,4288,4289,4290,4291,4292,4293,4294],{"id":4085,"depth":160,"text":4085},{"id":4091,"depth":160,"text":4091},{"id":4103,"depth":160,"text":4103},{"id":4158,"depth":160,"text":4158},{"id":4196,"depth":160,"text":4197},{"id":365,"depth":160,"text":365},{"id":4257,"depth":160,"text":4257},{"id":392,"depth":160,"text":392},{"id":4277,"depth":160,"text":4277},"1 枚の画像から ICO \u002F PNG \u002F apple-touch-icon \u002F site.webmanifest を生成するファビコン生成ツールを公開しました。ICO フォーマットを自前で書き出す実装のポイントを紹介します。",{},"\u002Fblog\u002Ffavicon-generator-intro","2026-04-19",{"title":4080,"description":4295},"favicon-generator-intro","blog\u002Ffavicon-generator-intro",[185,4303],"技術解説","3t3z-Zm-s-OgpewxhvXXeVAxzDosMQLq8XTZRneQGs4",1778757806071]