無料画像フレームツール - オンラインで写真に枠線・ボーダーを追加

A ボーダーの幅が細いのにグラデーションの色数が多いと起こります。スムーズな仕上がりには、色を2〜3色に絞ってください。ブラウザが移行を適切に描画できるよう、幅は最低15pxに設定しましょう。SNSのバナーを作るなら、20〜30pxの二重グラデーションボーダーが、あの不快な縞模様なしで洗練された見た目を実現します。

A 画面は72～96DPIですが、プリンターは300DPI必要です。5pxの枠線は紙の上で非常に細かいギザギザ線になります。印刷するなら、枠線の幅を最低30pxに設定してください。パスポート写真の場合は、小さい印刷サイズを補うために40～50pxが目安です。元画像も最低2000px幅は必要です。

A はい、ぼかしとオフセットを調整できる3D影を生成します。ソフトな仕上がりにはぼかし半径を最低5pxに設定 – 3px以下だと90年代の安っぽいウェブ影になります。XとYのオフセットを別々に設定し、一方向からの光を再現。商品写真には135°の光源（X正、Y負）にぼかし10px、オフセット8pxを推奨。デスクライトが右上から当たる状態を模倣します。影はキャンバスを消費するので、余白が少ないレイアウトでは15-20pxの余裕を追加してください。

A 無地のボーダーは画像の周りを一本の線で囲む、すっきりとしたデザインです。二重ボーダーは二本の平行線に隙間を設け、額縁のような効果を生み出します。印刷用パンフレットでは、無地ボーダーは2～4pxで控えめな縁取りに最適です。二重ボーダーは合計10px以上の幅が必要で、紙上で隙間が消えないようにします。ブランドカラーに合わせて外側を濃く、内側を明るくすると統一感が出ます。

A いいえ、このツールは元のピクセルを再圧縮しません。枠線は新しいキャンバス上に描画され、写真データ自体は変更されません。PNGで書き出せば、毎回ロスレス品質です。JPGの場合は圧縮が1回だけ行われるので、品質スライダーは90%以上に設定してください。他のソフトで編集して2回保存したときに起きる二重圧縮の劣化を防げます。商品写真ではPNG書き出しにすれば、ズーム機能でも細部がシャープなままです。

A はい、カラーピッカー内のスポイトツールをご利用ください。それをクリックしてから写真プレビューの任意の場所をクリックすると、枠線がその正確な色に即座に変わります。夕日や商品のパッケージから繊細なトーンを抽出して、フレームにまとまりを持たせるのに最適です。サンプリングした色が暗すぎる場合は、16進数フィールドに切り替えて10〜15%明るくすると、より柔らかい印象になります。

A もちろんです。コントロールを調整するだけで、すぐにプレビューへ反映されます。保存ボタンも履歴もないので、元のファイルを壊す心配がありません。4pxのシンプルな線、25pxの二重線、大胆なデザインまで自由に試せます。タブを閉じれば元の写真はそのまま。作業中はプレビューを開いたまま色を調整し、商品のロゴから色を拾って統一感を出すのがおすすめです。

A 不要です。JavaScriptとHTML5 Canvas APIでブラウザ内だけで動きます。Chrome、Firefox、Safari、Edgeのいずれか、ここ3〜4年以内のバージョンなら問題なく動きます。画像はサーバーに送信されませんし、プラグインや拡張機能の類も一切ありません。ページを開いて画像をドラッグするだけ。商店主がInstagram用の画像をさっと作るときにも便利です。ブックマークしておけば、いつでもワンクリックで使えますよ。

A はい、LinkedInやポートフォリオ用に単色フレームと角丸を簡単に組み合わせられます。角の丸みスライダーを50ピクセル程度に設定すると、滑らかな円形に仕上がります。顔が途中で切れないよう、調整前に被写体を中央へ配置してください。3ピクセルの白い細枠を添えると、暗い背景でも頭部写真が引き立ちます。

A 透明な背景は完全にそのまま維持されます。ツールは空白部分を白で塗りつぶさずに周囲のフレームを作成します。ただしJPGで書き出すとフォーマットが透明度をサポートしていないため透明部分は白くなります。ロゴやグラフィックには必ずPNG形式を選んで背景を透明のままに保ちましょう。アイコンに10pxの枠を付けて試してみてください。