ヘルプセンター
ヘルプセンター
入門
Tildaのしくみ
新しいページを作成する
ページをコピーする
ページを転送する
ページを並べ替える
サイト設定
ドメイン名を購入する
ドメイン名を接続する
DNS を設定する
カスタム ドメイン エラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コードのエクスポート
プロジェクト譲渡
無料の tilda.ws サブドメイン
色の設定
URL リダイレクトの作成
HTTPS のセットアップ
ページ フォルダ
ページ編集
ナビゲーション メニューを追加する
アンカーと内部リンク
モバイル デバイスでの表示
HTMLコードを埋め込む
Google マップを追加
多言語ウェブサイトの作成
オンラインで公開するための画像の準備
カバーを売り込む
ノンブレークスペース&ソフトハイフン
ページの公開
フィードバック ウィジェットを追加する
Facebookでプレビュー
コメント セクションを追加する
Instagram フィードを埋め込む
投稿一覧または目次ページ
オンラインストアと支払い
オンラインストアと支払い処理
オンライン ストアに商品を追加する
ショッピング カートの設定
製品の直販
支払いシステムの割り当て
Stripe を設定する
PayPal を設定する
2Checkoutを設定する
注文通知の送信
オンライン決済システムなしで販売する
単一の製品の販売
製品バリエーションを追加
配送オプション
補完製品
プロモーション コード (割引) を作成する
フォーム
データ キャプチャ フォームの設定
データ取得フォーム
Eメール
Google Sheets
MailChimp
Google フォーム
SendGrid
センディンブルー
ユニセンダー
アモCRM
パイプドライブ
Zoho CRM
トレッロ
Telegram
Slack
ザピア
メーラーライト
Notion
Salesforce
ハブスポット
ウェブフック
カスタム スクリプト
フォームのエラーを回避する
Monday.com
分析
ウェブサイト統計の追跡
グーグルアナリティクス
Googleタグマネージャー
目標達成率を提出する
SEO
ウェブサイトをオンラインで宣伝する
Zero Block
カスタム ブロックを作成する
レスポンシブ デザイン
キーボード ショートカット リスト
アニメーション
ステップバイステップのアニメーション
Figmaからインポート
メールキャンペーンビルダー
メールの作成、編集、および送信
プランと請求
予定
価格と支払い
サブスクリプションの自動更新をキャンセルする
お支払い確認
Tildaビジネスプランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コードのエクスポート
ウェブフック
Tilda API
WordPressプラグイン
ティルダ ヘルプ センター
オンラインで公開する画像を準備する方法
あなたのウェブサイトに最適な画像サイズを選択する方法
オンラインで公開する画像を準備すると、Webサイトの読み込みが速くなります。たった2つのステップしかかかりません。まず、
無料のオンライン
エディターなどのフォトエディターを使用して、画像の幅と高さを変更する必要があります。次に、
イメージコンプレッサー
を使用して画像を圧縮すると、ファイルサイズが小さくなります。
小さい画像の読み込みが速くなります。イメージ サイズは、次の 2 つのパラメーターによって異なります。
1.画像の幅と高さ(ピクセル単位)—サイズが3000×2000ピクセルの画像は、300 x 200ピクセルの画像よりも大きくなります)。
2.画像のコンテンツ—画像に含まれる詳細と色が多いほど、そのサイズは大きくなります。
オンラインで公開する画像を準備するには、最初に画像をトリミングしてから、不要な詳細を削除して読み込みをさらに高速化することをお勧めします。
最適な画像サイズは?
Tildaにアップロードすると、すべての大きな画像は自動的に1680ピクセルにサイズ変更されます。1680 ピクセルより小さい画像は、元のサイズのままです。
これは自動化されたプロセスであるため、読み込みを高速化するために画像の品質が低下する場合があります。そのため、写真を手動で編集することをお勧めします。これにより、写真の品質をより良く保つことができます。
大きなサイズの画像をTildaにアップロードする前に、最長の境界線を基準にして測定した場合、画像サイズを少なくとも1680ピクセルに縮小します。
理想的には、Web サイトに表示されるサイズの画像をアップロードする必要があります。写真がページ レイアウトにあると想定されるサイズでない場合、ブラウザーは画像を自動的に圧縮または引き伸ばします。どちらもうまくいかないため、写真がぼやけて見える場合があります。
画像のサイズを確認するには、ページにテキスト ブロックを追加し、ブロック設定でグリッドを有効にすると、画像が占める列数が表示されます。 1 列の幅は 60 ピクセル、列間の距離は 40 ピクセルです。
画像ファイルのサイズを最小化するには?
似たような色を組み合わせて画像を圧縮する特別なソフトウェアを使用できます。このようなプログラムは、「前」と「後」の違いを区別できないほど複雑な方法で色を組み合わせています。画像のサイズを最大70%縮小できます。
あなたはチェックアウトしたいかもしれません:
TinyPNG
スクーシュ
クラーケン
コンプレッサー
jpegを圧縮
イメージオプティム
(Macユーザー向け)
画像最適化の例
Unsplashからダウンロードした
クリストフ・ベングトソン・リサルデによる
この画像を使用して、画像の最適化がどのように機能するかを示しましょう。
元の画像サイズ:4405 х 2478ピクセル、ファイルサイズ:3.5MB。
画像をそのままTildaにアップロードしましょう。画像は1680 x 945ピクセルにトリミングされ、サイズは1.2MBになります。
Photoshopで元のファイルを開き、画像サイズを1680х945ピクセルに変更して保存すると、サイズは832KBに縮小されます。
写真を
TinyPNG
にアップロードして圧縮すると、353KBの画像が得られます。
画質を維持することに成功しました。
作成日
Tilda