大きな画像をWordPressにアップロードする方法
公開: 2014-01-14
インターネットの速度が速くなり、帯域幅の制限が解除されるにつれて、写真家やその他のクリエイティブプロフェッショナルは、最終的に、画像をすべての高解像度の栄光にオンラインで表示する機会を得ることができます。
以前は、大きな画像の読み込みがはるかに遅く、ウェブサイトを高解像度の画像でいっぱいにするのは現実的ではありませんでした。 代わりに、画像を圧縮してファイルサイズを小さくし（品質も低下させ）、ギャラリーに小さなサムネイルとして表示する必要があります。
ページの読み込み時間は依然として重要ですが、テクノロジーが向上したため、単一の高解像度画像をダウンロードするのに5分もかかりません。 ブログの投稿に埋め込まれた大きなサイズで、またはフルスクリーンギャラリーとして写真を表示することは、写真家が自分の作品を最大限に披露するための優れた方法です。
ただし、大きな画像をサイトにアップロードする場合は、画質を維持しながら、訪問者に優れたエクスペリエンスとクイックロードサイトを提供するという点で、注意すべき点がいくつかあります。
画像の最適化
画像をWordPressにアップロードする前に、Webで表示できるように画像を最適化する必要があります。 PhotoshopとLightroomにはどちらも「Web用に保存」オプションがあり、さまざまな品質レベルを選択して、画像の鮮明さとダウンロード時間の両方にどのように影響するかを確認できます。
圧縮ツールがない別の画像編集プログラムを使用している場合は、Image Optimizerなどのオンラインツールを使用して、ファイルをWebサイトに配置する前に圧縮できます。
Web用の画像を準備するときは、品質とファイルサイズの間で常にトレードオフが発生するため、理想的なバランスを決定する場合があります。 写真は常に高品質で見栄えが良くなりますが、ダウンロードに時間がかかると、訪問者は待つことに飽きてサイトをクリックする可能性があります。
写真家として、あなたは他のほとんどの人よりも品質の低下に気づくことを忘れないでください。 画像のサイズが大きくない限り、ほとんどの人は中品質と高品質の画像の違いに気付かないでしょう。
JPGは通常、Web用の写真を保存するのに最適なファイル形式です。 最適化された画像をグラフィックプログラムに保存したら、品質に影響を与えることなくファイルサイズを縮小するSmush.itなどのツールを使用してさらに圧縮できる場合があります。
サムネイルの作成
ページの読み込みを高速化し、ユーザーに大きな画像を個別に読み込むオプションを提供する場合は、サムネイルをアップロードするのがこれを実現するための最良の方法です。 サムネイルは、画像の小さな（ファイルサイズと物理サイズの両方）プレビューを提供し、クリックして大きな写真を表示できます。
メディアアップローダーを介して画像をアップロードすると、WordPressは自動的にサムネイルを生成します。 これらのサムネイルのサイズは、WordPressの設定で（ [設定]> [メディア]を使用して）変更でき、サイズに比例してサイズを変更するか、サイズに合わせてトリミングするかを選択できます。
ブログの投稿やページにサムネイルを挿入する場合、添付メニューから「メディアファイル」を選択すると、元の画像にサムネイルをリンクできます。
WordPressには、投稿またはページから直接ギャラリーを構築する機能も含まれています。 含める画像を選択して、[新しいギャラリーを作成]をクリックするだけです。 これはブログ投稿の基本的なサムネイルギャラリーには問題ありませんが、メインサイトギャラリーの外観と操作をより細かく制御する必要があるでしょう。 これは、WordPressポートフォリオテーマ、GPPスライドショー、または利用可能な多くのWordPressギャラリープラグインの1つを使用して実現できます。
ブログ投稿への画像の埋め込み
画像がブログに実際のサイズで表示され、収まるように押しつぶされていないことを確認することが重要です。これは、ページの読み込み時間と画像の鮮明さに影響を与える可能性があります。 これを実現する最も簡単な方法は、大きなサイズの画像の最大幅の寸法をブログの列の幅に変更することです。 このように、大きすぎて収まらない画像をアップロードすると、WordPressは正確に正しいサイズのサイズ変更されたバージョンを自動的に作成します。
これらのディメンションは、WordPressダッシュボード内のメディア設定ページで編集できます。 投稿に画像を挿入するときは、必ず「フルサイズ」ではなく「大きい」を選択してください。
WordPressは、サイズを変更すると60％の品質で画像を保存することに注意してください。 この品質では不十分な場合は、GPP Improve Image Qualityプラグインを使用して、WordPressのサイズ変更された画像を100％の品質で自動的に保存します。
透かしとファイル保護
WordPressを介して元のサイズでファイルをアップロードすると、ギャラリーやブログに小さいバージョンを埋め込んだ場合でも、サイトにアクセスしたすべての人がファイルをダウンロードできることに注意してください。 デジタルネガを無料で配布したい場合を除いて、アップロードする前に画像のサイズを変更することをお勧めします。
場合によっては、元のファイルを利用できるようにしたい場合がありますが、権限を持つユーザーのみが対象です（たとえば、サイトから直接ストック画像を販売している場合やオンライン校正機能がある場合）。 この場合、SellMediaプラグインのようなプラグインが理想的です。 このプラグインは、元のファイルを保護するだけでなく、元のファイルとは異なるサイズを自動的に生成し、設定した価格で購入できるようにします。
Sell Mediaには透かし拡張機能もあり、ロゴや選択した画像で透かしを入れることで大きな画像を保護できます。
ファイルのアップロード制限を増やす
ほとんどの場合、Webサーバーには最大ファイルアップロード制限があり、ユーザーがWebサイトの速度を低下させる巨大なファイルをアップロードできないように設計されています。 これはほとんどのユーザーにとって実用的ですが、アップロード制限が最大かつ最高品質の画像に対して十分でない場合があります。
WordPressメディアアップローダーにアクセスすると、アップロードファイルの最大サイズが表示されます。最大サイズは2MB程度です。 これは非常に大きな画像には十分な大きさではないため、WordPress経由で高解像度の写真をアップロードする場合は編集する必要があります。
この制限はサーバー設定であり、WordPressによって設定されていないため、ダッシュボードから変更することはできません。 代わりに、FTPクライアントを使用してWebサイトのルートディレクトリにあるphp.iniファイルを編集します。
たとえば、ファイルのアップロード制限を64MBに増やしたいとします。 テキストエディタでファイルを開き、次の行を見つけて、必要に応じて値を変更します。
upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300
ファイルを保存し、 wp-adminディレクトリに再アップロードします。うまくいけば、これでファイルのアップロード制限を増やすことができます。
ファイルサイズの制限を変更する別の方法は、を編集することです。 htaccessファイル。 このファイルはルートWebディレクトリにあります。 表示されない場合は、FTPクライアントが非表示のシステムファイルを表示するように設定されていることを確認してください。 ファイルを編集し、次のコードを追加します。
php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300
ファイルを再アップロードすると、準備が整います。
共有ホスティングパッケージを使用している場合は、これらの方法のどちらも機能しない可能性があります。 この場合は、ウェブホストに連絡して、ファイルのアップロード制限を手動で増やすように依頼する必要があります。
大きな画像を楽しみながら、読み込み時間に注意してください
WordPress内で大きな写真をアップロードする際に問題が発生した場合に、私たちが十分に提供したヒントがお役に立てば幸いです。 高品質の画像は、特にフルスクリーンまたは大きな背景画像として表示される場合に大きな影響を与える可能性があります。
誰もが高速接続を使用しているわけではないことを覚えておいてください。サイトが読み込まれるのを一日中待たずに画像を表示したい人のために、低帯域幅のオプションを提供することは常に賢明な考えです。