Base64から画像に復元
Base64 to Image
Base64文字列やデータURIを、表示もダウンロードもできる画像に戻します。
スタイルシートとJSONとチャットを経て届いたデータURIが、きれいなことはまずありません。url()の包みが付いていたり、引用符や改行が入っていたり、data:の接頭辞が落ちていたりします。このツールはそのどれも受け取ってデコードし、ヘッダーが種類について嘘をついているときはそう伝えます。
data URI を貼り付けてください
url(…) の囲み、前後の引用符、途中の改行、data: 接頭辞の欠落 —— どれもそのまま受け付けます。スタイルシートと JSON ファイルとチャットを経由すると、たいていそういう姿になります。
使い方
手元にあるものをそのまま貼ります
data:から始まる文字列全体でも、Base64の部分だけでも構いません。包み・引用符・紛れ込んだ改行は取り除きます。
申告と実際の種類を照らします
正しいのはバイト列のほうです。URIがimage/pngと言っていて中身がJPEGなら、行がそう書きます。その食い違いが、そういう画像が使い先で表示されない、いつもの理由です。
ファイルとして保存します
拡張子はヘッダーではなく、実際に判別した種類に従います。だから受け取ったファイルは開きます。
よくある質問
Base64が壊れていると表示されます
ほぼ必ず、コピーが途中で切れています。データURIは非常に長い1行で、ターミナル・チャット・ログビューアーはそれを切ります。表示された画面からではなく、元のファイルからコピーしてください。
大きさが「不明」と出ます
寸法は画像をデコードして得るもので、とくにSVGはエンジンによってその経路を通りません。表示もダウンロードも問題なくできます。
画像はどこかへ送られますか
送られません。デコードは`atob`とBlobで、どちらもこのタブの中です。何も送信しません。貼り付けられたデータURIは非公開の文書から出てきたものであることが多いので、ここではとくに大事な点です。
ここから渡せます
画像をBase64・データURIに
Image to Base64 / Data URI
画像をBase64文字列や、CSS・HTML・JSONにそのまま貼れるデータURIに符号化します。
スプライトシート作成
Sprite Sheet Packer
多数の画像を1枚のアトラスに詰め、対応するCSSかJSONの座標表を一緒に書き出します。
ダミー画像生成
Placeholder Image
好きなサイズの単色またはグラデーションのダミー画像を、寸法を焼き込んで作ります。
SVG最適化
SVG Optimiser
編集ソフトの残骸を取り除き、変換をまとめ、座標の桁を丸めて、描画結果を並べて比べます。
次の一手
このツールが出したものをそのまま受け取れる道具です。
EXIFビューアー
EXIF Viewer
写真に埋め込まれたカメラ・レンズ・撮影日時・GPSの情報を表示します。位置は地図ではなく座標で示します。地図を描けばその位置がタイルサーバーに送られてしまうからです。
画像形式変換
Image Format Converter
PNG・JPEG・WebP・AVIF・GIF・BMP・TIFFのあいだを、1枚でもフォルダごとでも変換します。
画像をBase64・データURIに
Image to Base64 / Data URI
画像をBase64文字列や、CSS・HTML・JSONにそのまま貼れるデータURIに符号化します。
背景透過（切り抜き）
Background Remover
平坦な背景や単色の背景をOKLabでキーイングして透過PNGにし、縁はブラシで直せます。
EXIF情報の削除
EXIF Remover
画素には手を触れずに、カメラ・GPS・編集履歴のメタデータだけを写真から消します。
ファビコン生成
Favicon Generator
ICO・各サイズのPNG・Appleタッチアイコン・ウェブマニフェストを一式で作り、貼り付けるHTMLも添えます。