A képek forrása, vagy a megjelenített kép "töltődik be"?
Ha a honlapomon van egy csomó különböző kép, ikon (annyi, amennyi már számottevő a betöltési idő szempontjából), minddegyik kb 15x15 pixel méretben van megjelenítve, de a forrásképek több száz, pixelesek.
Betöltési idő szempontjából jobb, ha lekicsinyítem a forrásképeket 15x15 pixelesre, vagy úgyis csak a kis méretű verzió töltődik be?
Röviden: a forrás fájl, vagy a megjelenített fájl töltődik be egy honlap esetében?
"Betöltési idő szempontjából jobb, ha lekicsinyítem a forrásképeket 15x15 pixelesre"
Hiába kicsinyíted le a HTML-kódban a forrásképet 15*15 pixelesre (<img> tah width és height attribútumaival), a több száz pixeles forrásképek töltődnek le.
Sőt: ha ezek valamilyen díszítő elemek (nem tartalommal bírnak), akkor rárakhatod az összes 15*15-ös képet egy képre, majd CSS-ben eltolva háttérként használhatod (nézz utána a CSS sprite metódusnak).
Ha ezek valami rajzok (például logó, ikon, stb...) - amik átalakíthatóak vektorgrafikussá, akkor érdemesebb azt használni (ezek is alkalmazhatóak sprite-ként, ráadásul szabadon méretezhetőek, így nem kell kis méretű verziót készíteni).
Olyan logok ezek amik alapvetően nagyon kicsiben jelennének meg (oké, lehet, hogy nem 15x15-ösben, hanem kicsit nagyobban), és rájuk kattintva ugranak fel nagy méretben.
Tehát nem egy rendszeresen kiosztott háttérről vagy sormintáról van szó, viszont sok elemről, és nem szeretném egyenként lekicsinyíteni őket. Viszont ha a forrás töltődik be, akkor valószínűleg nagyon lassú lesz tőlük az oldal.
Logók? Akkor feltételezhetően vektorizálhatóak, elmenthetőek SVG-be, így bármilyen méretűvé pixelesedés nélkül átalakíthatóak (nem kell kis felbontású változatot csinálni), és elvileg a méretűk kisebb lesz mint a nagy felbontású pixelgrafikus változaté.
Ráadásul a spriteok alkalmazhatóak normál képeken is:
meg SVG-n is:
Ez lesz a megoldás: IrfanView-val meg lehet csinálni: [link]
Köszi mindenkinek!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!