無料Twibbon / フレームメーカー

実例

「IMG 2041.JPG」という名前の4,000×3,000pxの写真と、「フレームファイルがない場合は、シンプルなフレームを作成」（スタイル「リング」、サイズ「正方形 1:1」）で作成した正方形のフレームを例にします。初期設定の「書き出しサイズ」1,080×1,080pxでは、写真は36%（1,440×1,080px）に拡大縮小されるため、左右180pxが切り取られます。「写真全体を収める」にチェックを入れると、代わりに27%（1,080×810px）に拡大縮小され、写真の上下に135pxの余白ができます。フレームがその部分を覆わない場合、PNGでは透明、JPGでは白になります。「ダウンロード」するとIMG-2041-twibbon.pngが保存されます。

使用する設定と制限事項

• 中央が透けて見えるフレームから始めましょう。 「フレームをアップロード」はどんな種類の画像でも受け付け、フレームの透明な部分から写真が見えるようにします。長辺が2,048pxを超えるフレームは縮小され、キャンバスはフレームの縦横比（1:2〜2:1の範囲）になります。フレームファイルがない場合は、「フレームファイルがない場合は、シンプルなフレームを作成」で作成できます。
• 6つのスタイルと3つのサイズでフレームを作成します。 スタイルは「リング」「バナー」「コーナーリボン」「上下のバー」「ハート」「バッジ」です。「フレームのサイズ」は「正方形 1:1」（1,080×1,080px）、「縦長 4:5」（1,080×1,350px）、「ストーリー 9:16」（1,080×1,920px）から選べます。4つの「クイックテーマ」で色を設定でき、任意のキャプションは最大40文字まで入力でき、枠に収まるよう縮小されます。「フレームのみダウンロード」はフレームをtwibbon-frame.pngとして保存します。
• フレームの後ろに写真を配置します。 写真をドラッグするか、マウスホイールのスクロールやピンチ操作で0.5倍から3倍までズームし、「回転」は−45°から45°の範囲で使います。プレビューにフォーカスがある状態で矢印キーを押すと、幅1,080pxのキャンバス上で写真が10pxずつ（Shiftキーを押しながらだと40pxずつ）動きます。「写真を左右反転」で左右反転、「写真全体を収める」でフレームいっぱいに広げる代わりに写真全体を表示、「位置をリセット」で位置、ズーム、回転を元に戻します。
• フレームを変更せずに名前を追加します。 「名前またはキャプション」に最大60文字まで入力し、「上」「中央」「下」のいずれかの位置、白・ダーク・ゴールドの色、3から14までの「文字サイズ」（画像幅に対するパーセント）を選びます。完成した写真とフレームの上に、どの画像でも読めるように縁取り付きで描画され、ダウンロードするフレームの一部にはなりません。
• 丸いプロフィール画像を書き出します。 「円形の切り抜きプレビューを表示」にチェックを入れると、丸いアバターで切り取られる四隅が暗く表示されます。「丸い画像（円形に切り抜き）」にチェックを入れると、中央の最大の円で書き出します。たとえば1,080×1,350の縦長フレームは1,080×1,080pxで書き出され、「書き出しサイズ」の一覧に最終サイズが表示されます。PNGで「透明」を選ぶと四隅は透明のままになり、JPGまたは「白」を選ぶと白で塗りつぶされます。
• 書き出しサイズと形式を選びます。 「書き出しサイズ」は幅512、1,080、1,500、2,048pxから選べ、高さはフレームに合わせて決まります。たとえば4:5のフレームでは512×640pxから2,048×2,560pxまでになります。PNGは透明を保持します（「背景」で「透明」または「白」を選択）。JPGは白背景で、画質92%で保存されます。サイズを大きくしても、元の写真にそれだけのピクセル数がなければ効果はありません。

よくある問題とその解決方法

写真が隠れてフレームしか見えないか、フレームが写真を覆うとページに表示されます。

フレームに透明な部分がありません。これはチャットアプリや投稿からJPGとして保存したフレームでよく見られます。ツールはまず修正を試み、「このフレームには透明な部分がありませんでした（WhatsApp経由で送信したり、JPGで保存したりすると、よくあります）。そのため、無地の中央部分を透明にしました。」というメッセージと「元に戻す」リンクを表示します。これが効くのは、中央が画像の8%から90%を占める単色の平らな領域である場合だけです。そうでない場合は、「このフレームには透明な部分がないため、写真が隠れてしまいます。主催者に透明PNG版を依頼するか、ここでシンプルなフレームを作成してください。」と表示されます。

「その画像を読み込めませんでした。ファイルが破損している可能性があります。別のファイルをお試しください。」と表示されます。

ブラウザが画像をデコードできなかったか、iPhoneの写真のHEIC変換に失敗しました。画像をJPGまたはPNGとして保存するかスクリーンショットを撮って、もう一度選択してください。PDFなど明らかに画像でないファイルは、「report.pdfはPDFファイルであり、このツールでは開けません。」のようなメッセージで先に拒否されます。

「画像を作成できませんでした。もう一度お試しください。」と表示されます。

PNGまたはJPGの作成に失敗したか、空のファイルが生成されました。より小さい「書き出しサイズ」（1,080または512）を選び、もう一度「ダウンロード」を押してください。それでも失敗する場合は、ページを再読み込みして最初からやり直してください。

写真がフレームを埋めきれていないか、上下に空白の帯ができます。

「写真全体を収める」はフレームを埋める代わりに写真全体を表示し、1倍未満のズームはさらに縮小します。「写真全体を収める」をオフにするか、「ズーム」を上げるか、「調整をリセット」と「位置をリセット」を押してください。残った帯は、透明PNGでは透明、JPGでは白になります。

ダウンロードした画像の背景が白くなっていますが、透明な背景や丸い画像にしたかったのです。

JPGは常に白です。形式をPNGに、「背景」を「透明」に設定してください。背景の切り替えはPNGの場合にのみ表示されます。丸いアバターにするには「丸い画像（円形に切り抜き）」にチェックを入れてください。四隅が切り取られ、透明PNGでは透明のままになります。

比較

キャンペーン主催者は1つの共有リンクで1つのフレームを配布できるため、全員が同じファイルを使えます。このツールはフレームを配布したり、キャンペーンのリンクを作成したりしません。主催者からフレームファイルを入手するか、ここでシンプルなものを作成し、各自が自分の画像を保存します。一般的な写真編集ソフトと比べると、操作できる範囲は狭く、1枚の写真、常にキャンバス全体を覆う1つのフレーム、明るさとコントラスト、自分で入れる1行のテキストだけで、ステッカー、切り抜きツール、レタッチはありません。その代わり、アカウントは不要で、写真とフレームはお使いの端末上で合成され、アップロードされないことがページに記載されています。