私のワードプレスギャラリーのページのイメージはぼやけています

-1

私はワードプレスのメディアグリッドプラグインで自分のギャラリーページを行っていますが、ページに公開されたギャラリーの後にサムネイルイメージは少しぼやけています（ライトボックスイメージは大丈夫です）。 CSSコードで修正する。私はスクリーンショットを添付しました。私のワードプレスギャラリーのページのイメージはぼやけています

出典

2017-01-03 P.S.F.Romesh

イメージを小さく縮小したり、イメージを大きくしすぎると、イメージがぼやけます。さらに役立つコードを追加してください。 –

あなたのCSSと一緒に何が間違っているかを示すスクリーンショットを公開してください。 –

こんにちは、私はこのリンクplsチェックhttp://prnt.sc/dqw8w7でスクリーンショットを与えて、私はこのギャラリーにCSSスタイルを与えていませんでした。 Medieグリッドプラグインのデフオルト設定 –

ブラウザがそれらをよりよく見えるように、デフォルトでリサイズした画像にアンチエイリアシング適用されます。この動作を取り消す場合は、image-rendering cssプロパティを使用してアンチエイリアスを元に戻します。

https://css-tricks.com/almanac/properties/i/image-rendering/

この（パフォーマンス用）を解決するためのより良い方法あなたのサムネイルのための低解像度の画像ファイルを使用するようになり、：ここで

img { 
    image-rendering: pixelated; 
}

は良い説明との記事がありますライトボックスが開かれたときにのみ、フルサイズのイメージをロードします。

出典

2017-01-03 06:54:50 dommmm

返信いただきありがとうございます。このコードを試してみましたが、画像は二重線（画像レンダリング：ピクセル化;）でpixellされているようですが（それは明確です）、IEではサポートされていません –

理想的には、イメージをサムネイル用に作成し、イメージを表示したい場合はライトボックスにフルサイズのイメージをロードします。 – dommmm

それは素敵なアイデアです、私は試してみましょう。おかげで –

サイズ変更操作（画像が少し伸びている）の場合があります。

CSSに関連していないが、あなたはのfunctions.phpに、このようなかなったことで、あなたのサムネイルサイズを設定することができます。

add_image_size('category-thumb', 300, 9999);

出典

2017-01-03 06:32:07 JustCauseWhat

リプレイのおかげでfunction.phpにも適用されましたが、まだ同じです –

@PSFRomesh新しい画像に適用されます。私はあなたにイメージを再度アップロードすることを好む – JustCauseWhat

返信@majidのおかげで、私はそれを試してみます。ありがとうございました –

私のワードプレスギャラリーのページのイメージはぼやけています

答えて

関連する問題