Mekkora méretű képeket "szabad" használni weblapok készítésekor?




















Ajánlatos minél kisebb méretre törekedni (1-2 másodperc alatt töltődjön be az oldal: [link] ). Ehhez:
* az oldal különböző felbontású változataihoz (reszponzivitás ugyebár) érdemes különböző felbontású képeket használni
* ha galériát készítesz, készíts kis felbontású indexképeket
* lehet olyan megoldást alkalmazni, hogy a képeket csak akkor töltöd be, amikor a felhasználó megjeleníti azokat (odagörget például)
* vannak különböző képoptimalizáló megoldások (jpegoptim, pngoptim), illetve modern képtömörítési technikák (webp például)
* a képeket - mivel általában statikus tartalmak - javasolt erősen gyorsítótárazni





jól mond kérdező, zavaró, hogy első betöltés lassú!
Nem csak a kép mérete számít hanem, hogy tömörítsd! Valamint a nagy háttérképek jók ha 1920x1080 de mivel háttérkép teljes szélességen az 1280p is elégséges..
Ha pedig azokról a képekről van szó amiket beágyazol azokat pedig "megfelelően" kell méretezni! Azaz megnézed elemvizsgálóval a helyének a pontos (pc) szélességét és pont akkorára vágod be!
Valamint nézz utánna a .webp formátumnak.. ez a tömöríthetőséfe mellett még azért is jó mert tudja az átlátszó hátteret is..
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!