Képekkel kapcsolatos hibák: Safari, üres képek, saját CNAME, Modula

A képek nem látszanak Safariban

Ha a webhelyed Safariban törött vagy hiányzó képekkel jelenik meg, jellemzően a WebP-képekkel vagy elavult gyorsítótár-fájlokkal van gond.

Gyors megoldás: kapcsold ki a WebP-képek kapcsolót, majd ürítsd a gyorsítótárakat.

Teljes megoldás, ha a WebP-t használni szeretnéd tovább:

1. Ürítsd az összes gyorsítótár-bővítményt, a szerveroldali gyorsítótárat is, hogy a WP Compress legfrissebb JavaScriptje érkezzen meg a böngészőhöz.
2. Ellenőrizd, hogy a WP Compress legfrissebb változatát használod.
3. Ürítsd a Live CDN gyorsítótárát.

Ezután a képeknek vissza kell jönniük.

A képek nem látszanak, vagy üresen jelennek meg

Többnyire egy másik lusta betöltési (lazy loading) megoldással van ütközés. Ilyen lehet a téma, egy teljesítmény- vagy gyorsítótár-bővítmény, de maga a WordPress natív lusta betöltése is.

1. Kapcsold ki a lusta betöltést és az adaptív képeket, és nézd meg, visszajönnek-e a képek.
2. Ha a lusta betöltés eleve ki volt kapcsolva, próbáld bekapcsolni: ez is megoldhatja a hibát.
3. Ellenőrizd a saját CNAME-et: ha nincs jól beállítva, töröld a saját CNAME-et, és állítsd be újra.
4. Ha a képek még mindig nem látszanak, kapcsold ki a többi lusta betöltési beállítást a témában és a bővítményekben, majd ürítsd a gyorsítótárakat.

Tanúsítványhiba saját CDN-tartománynál (CNAME)

Ha a saját CDN-tartományodon (például cdn.sajatoldal.hu) a böngésző azt jelzi, hogy a kiszolgáló nem tudja igazolni a tartományt, mert a tanúsítvány a *.zapwp.com tartományra szól, a hibakód: NET::ERR_CERT_COMMON_NAME_INVALID.

Ok: a CNAME-rekord még nem terjedt el a DNS-ben, mielőtt összekötötted a fiókkal.

Megoldás:

1. Állítsd vissza a saját CDN-tartományt a bővítményben, és add hozzá újra.
2. Mielőtt újra összekötöd, ellenőrizd a CNAME terjedését egy DNS-ellenőrző szolgáltatással (például a whatsmydns.net CNAME-keresőjével). Addig ne kösd össze, amíg bárhol piros X látszik.

A DNS-terjedés minden új tartományrekordnál és aldomainnél normális, akár 48 óráig is eltarthat, még helyes beállításnál is. Ezt nem a WP Compress befolyásolja. Ha segítség kell a tanúsítvány visszaállításához vagy kézi megújításához, a gyártó csevegőtámogatása elvégzi.

A képek nem WebP-ként látszanak

A WebP előállítása és kiszolgálása automatikus, de bizonyos helyzetekben ütközés támadhat.

Először ellenőrizd, hogy a fájl valóban nem WebP-e: kattints a képre jobb gombbal, és mentsd el. A CDN-címek szerkezete miatt a kép neve továbbra is .png vagy .jpg végű lehet, mert a látható kiterjesztés az eredeti fájlé. Ha a címben szerepel a webp:true, a kép ott WebP-ként érkezik, amikor ez lehetséges:

https://példa.zapwp.com/q:intelligent/retina:false/webp:true/w:1440/url:https://pelda.hu/wp-content/uploads/2019/10/kep.png

A leggyakoribb okok, amiért a WebP mégsem érkezik meg:

• A böngésző nem támogatja teljesen a WebP-t, például az Internet Explorer vagy a régebbi Safari.
• A kép CSS-ben szerepel. Ilyenkor gyorsabb az eredeti formátumot adni, mint processzoridővel WebP-re alakítani, ezért a bővítmény meghagyja az eredetit.
• A kép formátuma nem alakítható át, például .svg vagy .gif.
• Nagyon agresszív szerveroldali vagy bővítményes gyorsítótár elmenti az első látogató eszközprofilját, és minden későbbi látogatónak azt küldi. Ürítsd a gyorsítótárakat, és szükség esetén zárd ki a gyorsítótárból a képeket.

Homályos képek a Modula galériában

A Modula az alapértelmezett bélyegképméretet használja. Ha ez túl kicsi, a képek nyújtva, homályosan jelennek meg a galériában.

1. A WordPress-adminban nyisd meg a Modula → Galériák oldalt, és szerkeszd a homályos képeket tartalmazó galériát.
2. A galéria beállításai között keresd meg a Thumbnail Size (bélyegképméret) beállítást, és állítsd Large (nagy) vagy Full (teljes) méretre.
3. Mentsd a változtatásokat (az oldal alján a mentés gombbal).
4. Ürítsd a webhely gyorsítótárát a WP Compress-en keresztül, hogy a változás megjelenjen.