Hogyan tudok weboldalra olyan képet csinálni, amire ha ráközelitek akkor se lesz pixeles?

Több megoldás lehetséges:

1. Jóval nagyobb méretű képet töltesz fel, csak a megjelenített kép méretét kisebbre veszed. Pl. feltöltesz egy 1000*1000 pixeles képet, és a HTML-ben ezt írod: <img src="kep.jpg" width="100" height="100" />

2. Ha valamiféle kezelőfelületen keresztül „közelítesz rá” – ami egyébként nehezen értelmezhető így önmagában –, akkor javascripttel ki lehet cserélni a képet egy nagyobb felbontásúra. Kb. így működik pl. a Google Maps is. Ahogy zoomolsz, újabb képeket tölt be.

3. Vannak vektoros formátumok, amelyeket korlátlanul lehet nagyítani. Persze ez nem minden esetben megfelelő, alapvetően vonalakból, alakzatokból, szövegekből álló ábránál lehet használni. (Mondjuk egy logónál, de akár egy turistatérképnél is járható út. Egy fényképnél természetesen már nem igazán működik.) Az SVG formátumot a legtöbb böngésző ismeri, tudja kezelni.

Vektorgrafikus kép :-)

vagy 400% -al nagyobb PNG képet használsz, de az így is 400% -os ZOOM felet elkezd pixelesedni.

(+ több tíz MB méretű is lehet a kép dimenzió függvényében)