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

> Mit tegyél, ha a képek nem látszanak Safariban, üresen jelennek meg, a saját CDN-tartomány tanúsítványhibát ad, vagy a Modula galéria képei homályosak.

## 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:

```text
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.