現在開発中のため、パスワードが必要です
最適な表示のための画像サイズとフォーマットガイド
なんでも設計図では、様々な場所で画像が使用されています。このページでは、各用途に最適な画像サイズや形式を紹介します。適切なサイズの画像を使用することで、コンテンツの見栄えが良くなり、視聴者に与える印象も向上します。
画像のアップロード時には、以下の推奨サイズを参考にして、最適な表示結果を得られるようにしましょう。一部の画像はアップロード後にトリミングや調整が可能ですが、最初から適切なサイズで準備しておくと作業がスムーズになります。
設計図の見出し画像は、検索結果やリスト表示で最初に目に入る重要な要素です。以下の推奨サイズを参考にして、魅力的な見出し画像を設定しましょう。
縦横比 1.91:1
画像設計図の1枚目に登録された画像は、自動的に1280 × 670 pxの規格でトリミングされます。
解像度は1280 × 670 px以上を推奨
重要な要素は中央に配置する
JPG、PNG形式で登録
極端に小さなサイズの画像
画像の端に重要な情報を配置
過度のテキスト入り画像
見出し画像は設計図の第一印象を決める重要な要素です。鮮明で魅力的な画像を使用することで、閲覧者の注目を集めやすくなります。実際の作品や完成図を使用すると、内容が伝わりやすくなります。
見出し画像の表示例と推奨サイズのイメージ
プロフィールアイコンは、なんでも設計図における視覚的なアイデンティティです。コメントや投稿など、あなたのすべての活動に表示される重要な要素です。
縦横比 1:1
推奨サイズは400 × 400 px以上の正方形です。アップロード時に円形で表示されるようトリミングされます。
プロフィール画像は円形の枠に合わせて、スライダーバーで拡大縮小できます
枠内をドラッグまたはスワイプして、表示位置を調整できます
円形に表示されるため、画像の中心部分が最も重要です
顔や象徴的なロゴを中心に配置
高解像度の画像を使用
コントラストが明確な画像を選択
端に重要な要素がある画像
小さすぎる文字や細かい要素
極端に低解像度の画像
プロフィールアイコンは一貫性を持たせることが重要です。あなたを象徴する画像を使用し、頻繁に変更しないことで、コミュニティ内での認識度が高まります。
プロフィールアイコンのトリミング画面例
設計図の本文中に使用する画像は、内容を視覚的に説明するために重要です。分かりやすく、美しい画像を使用することで、設計図の価値が高まります。
コンテンツ画像には厳密な推奨サイズはありませんが、以下のポイントを参考にしてください:
幅は800px以上が推奨(モバイルでも見やすい)
アスペクト比は内容に応じて選択(16:9、4:3、1:1など)
最大ファイルサイズは5MBまで
高解像度(1200px×900px以上推奨)
細部が判別できる鮮明さ
PNG形式が推奨(線や文字が鮮明)
明るく鮮明な写真
1000px×750px以上推奨
JPG形式が一般的(写真向き)
画像ファイルのサイズが大きすぎると、ページの読み込みが遅くなることがあります。Webに最適化された画像を使用することをおすすめします。画像編集ソフトの「Web用に保存」機能などを活用して、ファイルサイズを適切に調整しましょう。
コンテンツ画像の使用例
より魅力的で効果的な画像を使用するためのヒントをご紹介します。
ぼやけた画像や低解像度の画像は避け、鮮明でクリアな画像を使用しましょう。スマートフォンのカメラでも、明るい場所で撮影すれば十分な品質が得られます。
画像の不要な部分をトリミングして、伝えたい内容や商品を中心に配置しましょう。余分な背景は最小限にして、見る人の注目を集めることが重要です。
同じ設計図内では、似たような明るさ、コントラスト、色調の画像を使うと統一感が生まれ、プロフェッショナルな印象を与えます。
アップロード前に画像のファイル名を内容に関連した名前に変更すると、検索エンジンでの表示が向上する場合があります(例:「木製テーブル設計図」など)。
使用する画像の著作権を確認しましょう。自分で撮影・作成した画像か、適切なライセンスを持つ画像を使用してください。他者の著作物を無断で使用しないようご注意ください。
視覚的な説明は文章よりも効果的な場合が多いです。特に複雑な設計や手順の説明には、詳細な画像や段階ごとの写真を使用すると、理解が深まり、設計図の価値が高まります。
適切なサイズと品質の画像を使用することで、あなたの設計図やプロフィールの見栄えが大きく向上します。見出し画像は1280 × 670 px、プロフィールアイコンは400 × 400 px以上の正方形画像を基本として、それぞれの用途に最適化された画像を準備しましょう。
また、画質だけでなく、内容や構図にも気を配ることで、より魅力的で効果的な視覚表現が可能になります。このガイドを参考に、質の高い画像でコンテンツの価値を高めてください。