更新済み 2026年8月27日

アップロードできない、または見え方が悪い3Dロゴを修正する方法

ほとんどの問題は3つのグループに分類されます：ファイルをアップロードすると拒否される、ファイルはアップロードされるが何も表示されない、またはロゴはレンダリングされるが見栄えが悪い。下の症状を探して解決方法を適用してください。このリストの各拒否メッセージは特定のチェックに由来しているので、メッセージはどのチェックが失敗したかを正確に示しています。

エディターを開く3Dロゴとは
階段状のギザギザのエッジや欠けた角を持つ不適切にベクター化された3Dロゴと、同じブランドのまっすぐできれいな縁のロゴ

なぜ私のアップロードは拒否されたのですか？#

何もレンダリングする前に、アップロードされた各ファイルの種類、サイズ、安全性がチェックされます。各チェックには独自のメッセージがあります。

あなたが見るもの原因解決方法
ファイルはPNG、JPEG、GIF、WebP、またはSVGの画像ではありません（"That is not a PNG, JPEG, GIF, WebP, or SVG image"）ファイルは、編集者が読み取れる画像ではないか、ファイル自体ではなくロゴを表示するページへのリンクが送信されました。画像ファイルを送信してください。URLをコピーした場合は、それを開いてまず実際の画像を保存してください。
SVGファイルのサイズは1 MB未満である必要があります（"SVG files must be under 1 MB"）SVGは1 MBの上限を超えています。通常、ビットマップ画像を埋め込んでいるか、自動的にベクトル化された数千のポイントを含むためです。それを開いて埋め込み画像や非表示レイヤーを削除するか、マークのみを再度エクスポートしてください。
画像ファイルのサイズは8 MB未満である必要があります（"Image files must be under 8 MB"）ビットマップファイルは8 MBの上限を超えています。長い辺が約1000〜2000ピクセルのPNGとして再度エクスポートしてください。ロゴは写真サイズのファイルを必要とすることはありません。
SVGにはスクリプト要素が含まれています（"The SVG contains a script element"）。ファイルには実行可能またはリモートのコンテンツがあります。同じチェックはforeignObject、XMLエンティティ、インラインイベントハンドラー、javascript: URL、iframe、object、embed、meta、link、外部のhref値、および@importやurl()のリモートスタイルも拒否します。単純なSVGをエクスポートしてください。パスのみです。Inkscapeでは「プレーンSVGとして保存」を使用し、Illustratorでは「プレゼンテーション属性」スタイルでエクスポートします。
SVGは外部リソースを参照しています（"The SVG references an external resource"）。マークは、他の場所にあるファイルやフォントを参照しているので、他の誰かには同じようにレンダリングされません。参照されているものを埋め込むかアウトラインに変換し、リンクなしで再度書き出してください。
SVG の XML 構造は有効ではありません。ファイルは正しい形式の XML ではありません。多くの場合、手動で編集されたか、転送時に切り詰められたためです。手で修正するのではなく、デザインツールから再度書き出してください。
SVG のルート要素が見つかりませんでした。ファイルの拡張子は .svg ですが、SVG ではありません。実際に何であるかを確認してください。通常は、名前を変更した PDF または EPS です。
デザインが複雑すぎます（"The artwork is too complex"）マークは約 50 のパスを超えており、それ以上になるとメッシュがブラウザを固まらせる可能性があります。重なった形状を結合し、隠れたレイヤーを削除し、複数のパスに展開された効果を取り除きます。最適なのは5つ以下のパスで、最大20までなら問題なく動作します。

ファイルをアップロードした後、何も表示されないのはなぜですか？#

ファイルはすべてのチェックを通過したので、問題はエディタが見ている場所に押し出し可能な形状がないことです。

症状原因解決方法
SVGをアップロードした後、キャンバスが空になるSVGはアウトラインではなく、ライブテキストを含んでいます。テキストには押し出すパスがありません。テキストをアウトラインに変換してからエクスポートしてください：Illustratorでは[テキスト > アウトラインを作成]、Figmaでは[Flatten (統合)]、Inkscapeでは[パス > オブジェクトをパスに]。
マークが小さすぎるか、中心からずれて表示される作業用テーブルはマークよりもはるかに大きいか、または viewBox がデザインと一致していません。マークに合わせて作業用テーブルをトリミングし、再度エクスポートしてください。
ロゴの一部しか見えません。一部の形状が viewBox の外にあるか、クリッピングマスクで隠れています。クリッピングマスクを解除し、デザイン全体を選択して作業用テーブルを選択範囲に合わせてください。
PNG をアップロードした後、何も起こりません。画像がほとんど単色なので、ベクトル化は追うべき境界を見つけられませんでした。コントラストを上げてください。黒の上に明るいマーク、または白の上に暗いマークを置き、再度アップロードしてください。

なぜ私の 3D ロゴは見栄えが悪いのですか？#

これらはファイルの問題ではなく、形状や素材の問題です。それぞれ、問題を修正するための唯一のコントロールがあります。

症状原因解決方法
ベクター化された輪郭が不規則または波打っている元の画像はエッジが滑らかで、アンチエイリアスや低コントラストだったため、ベクター化ツールがおおまかに処理した。デザインを再度、単色のマークとして、背景は単色で、1000ピクセル以上、影なしでエクスポートする。
文字の穴が塗りつぶされている文字の内部の穴が、複合パスではなく、重なった別々の形状としてエクスポートされた。外形と穴を選択し、エクスポート前に複合パスを作成する。
マークの後ろにうっすらとした二重のシルエット元の画像のドロップシャドウや外側のグローが独自の形状としてベクター化された。アップロードする前にデザインから影とグローを取り除く。
ロゴが平らに見える、3Dではない奥行きが低すぎるか、光を反射するベベルがない。奥行きを上げて、小さなベベルを追加してください。ベベルに沿った明るいラインが、縁として認識されます。
クロムや金が灰色で鈍く見える環境が素材に反射するものを何も与えていない。環境を変更してください。金属の表面は周囲を映し出すので、平らなシーンでは金属も平らに見えます。
明るい背景の上でロゴが消えてしまう素材は暗いシーン用に照らされており、クロムやガラスではよくあることです。環境と背景を同時に変更し、その後、公開前に明るい背景と暗い背景の両方でエクスポートを確認してください。
スマートフォンで動きがカクカクしているメッシュは重いです。元の輪郭に多くのパスがあったためです。パスを少なくしてデザインを簡略化してください。20未満が、古いデバイスでもスムーズに動作する範囲です。
エクスポートした PNG には、不要な背景があります。背景は透明ではなく、色として設定されていました。背景を透明に設定して PNG をエクスポートしてください。ここでアルファチャンネルを持つ唯一の固定画像形式です。

質問

なぜ私の SVG がアップロードできないのですか？
次の4つのチェックのうちの1つで拒否されました：1 MB 以上である、正しく形成された XML でない、実行可能なコンテンツまたは外部参照（スクリプトや外部フォントなど）を含む、または50以上のパスを持つ。どの理由かはメッセージに表示されます。パスだけのシンプルな SVG をエクスポートすると、ほとんどの場合解決します。
なぜアップロードしたロゴが白く表示されるのですか？
一般的な原因は、SVG 内のライブテキストがアウトラインに変換されていないことです。そのため、ファイルは有効ですが、押し出す形状がありません。テキストをアウトラインに変換して再度エクスポートしてください。もう一つの原因は、デザインが viewBox の外にある場合です。
なぜ私のベクトル化した PNG は粗く見えるのですか？
ベクトル化は明暗の境界に沿って行われるため、滑らかで低コントラスト、または小さい画像は不正確な輪郭になります。デザインを再度エクスポートする際は、均一な背景に対して高コントラストの塗りつぶしのマークとして、1000 px 以上で、影なしで作成してください。
なぜ文字の間の空白が埋められてしまったのですか？
文字の目は、単一の複合パスではなく重ねられた形状として存在していたため、押し出しはそれらをソリッドとして扱いました。外形およびその穴を一緒に選択し、エクスポート前に複合パスを作成してください。
なぜ私のロゴは遅いまたはカクカクするのですか？
パスの数がメッシュのサイズを決定します。5つ以下のパスが最適で、20までなら問題なく動作し、21から50は古いスマートフォンで遅くなる可能性があります。重ねられた形状を結合し、隠れたレイヤーを削除することでデザインを簡略化してください。

関連