Melyik képformátum jobb választani az oldalon
Azt, hogy ezek a kérdések sok, sok diákom megkérdezte, hogy használja az új SVG formátumban és WebP, és hol jobban használni ezeket a képeket. Természetesen, akkor használhatja az új formátum, csak meg kell érteniük, milyen formátumban és mi illik a legjobban.
Nem optimalizált képek egyik olyan tényező lassítja a helyén, amint azt a vizsgálat szolgáltatásokat.
Ezért mindig szembesül a választás, válasszon egy formátumot a képet. Az ilyen méretű és minősége függ. És, hogy egy kisebb kép minőségromlás nélkül, tudnod kell néhány dolgot.
Milyen képeket oldalak használata ma
Minden kép az alá nem tartozó helyszínek:
- raszteres (például - JPG, JPEG, GIF, PNG),
- vektor (például - SVG).
Ez azt jelenti, méretének növelésével a kép, van egy minőségromlás nélkül.
Vektor képek alkotják vonalak és pontok az útvonal. a képi információ tárolódik matematikai utasítások rendering, amely lehetővé teszi a skála ezeket a képeket, mint szükséges veszteség nélkül a minőség.
Mindezek a képek is használhatók a modern weboldalak. Csak meg kell érteni, hogy a berakodás előtt a helyszínen, meg kell optimalizálni a képre!
A leírás ezen formátumok, meg fogja érteni, hogy hol és milyen formában a legjobb, ha az oldalon.
JPEG vagy JPG - az egyik legnépszerűbb képformátumok webhelyek. Formátumot támogatja millió szín, és ad neki egy vezető pozícióját a bemutatása a képek és képek az oldalon.
Képek ebben a formátumban optimalizált majdnem elég jól minőségromlás nélkül, hogy a kisebb fájlméret anélkül vizuális minőséget. Tartsuk szem előtt, hogy minden további optimalizálása csökkenti a minőséget.
Ezt a formátumot támogatja minden böngésző és eszközök, amelyek ismét megerősíti a népszerűsége, és lehetővé teszi, hogy nem kell aggódnia a problémákat, hogy a kijelző a helyszínen.
A nagy hátránya, ezt a formátumot az átláthatóság hiánya. Azaz, hogy összekapcsolják a képeket ebben a formátumban nem fog működni. Az ilyen problémák, jobban használható, a következő formátumban.
Ez a formátum a tömörítési algoritmust minőségromlás nélkül. Száma szerint a színek és az átláthatóság két változatban kaphatók 8 és 24-bit. Mindkét támogatja az átlátszóságot.
8 bites használ alacsony népszerűsége, de 24 bites széles körben használják a különböző képek az oldalon. Rovására átláthatóság lehetővé teszi, hogy hozzon létre összetett képeket. Gyakran használják létre animált gombok, ikonok css-sprite. ahol szükséges átláthatóság hatása.
PNG képek lehetnek egy csomó időt, hogy optimalizálja, szerkesztés - akkor megtartja eredeti minőségét.
A formátumot támogatja minden böngésző és eszköz, amely biztosítja, hogy megjelenjen minden képernyőn.
Szerint a kép minőségét jobban néz ki, mint a JPG, de a fájl lesz nagyobb súlyt. Ezt figyelembe kell venni, ha forgalomba a fájlokat az oldalon.
Ez a 8-bites formátum, támogatja a 256 szín, az átláthatóság, és az animáció. Támogatásával kisszámú színek, a fájl súlya is minimális.
A formátum nem alkalmas fényképek és képek a széles színválaszték.
De széles körben használják a létrehozása GIF-animáció. bannerek, gombok, ikonok, és így tovább.
A mai weboldalak ebben a formátumban még ritkán használják.
Ezután beszéljünk egy viszonylag friss SVG és WebP formátum, ami nem is olyan népszerű, de egyre népszerűbb és támogatást, és ideálisak a követelményeknek a letöltési sebesség és az alkalmazkodóképesség oldalakon.
Ez vektor fájl formátum XML-alapú. Format kezdett szert népszerűségre az utóbbi időben, ahogy korábban gyengén támogatott böngészők. És mivel a problémák azt mutatják, nem siet használni.
A mai napig, az SVG által támogatott összes modern böngészőben. Azonban megjelenítési problémák mindegy találkozik.
A leggyakoribb használata ebben a formátumban az egyszerű képek, például a logók, design elemek, és így tovább. Nem vonatkozik a fotókat.
Az SVG formátum könnyű, tökéletesen méretezett, amely éles képek bármilyen felbontású képernyő, támogatja az animációt, lehet vezérelni a CSS és HTML elhelyezni, ami csökkenti a kérelmek száma.
Formátum biztosítja a tökéletes kompresszió és támogatja az átláthatóságot. Ez előnyeit egyesíti a JPG és PNG formátumokat növelése nélkül a fájl méretét.
De a mérete ellenére előnye, hogy nem minden böngésző támogatja, például IE, Edge, a Firefox és a Safari.
Vannak olyan módon megkerülni ezeket a korlátozásokat, de ezek nem teszik lehetővé, hogy a következő formátumot használja mindenhol.
következtetés
Barátok, remélem megmagyarázni mindent tisztán, és most már tudja, hogy milyen képet formátum a legjobb, hogy használja az oldalt, és miért nem ragaszkodnak a használata az egyik formátumot, és javaslatot tesz az integrált megközelítés.
Talán, ha WebP kapnak széles körű támogatást, haladunk rajta, és cserélje jpg és png tesznek közzé.
Üdvözlettel, Maxim Zajcev.
Maxim most ellenőrzi a helyén, és te is, mint én, a mai napig van egy átirányítás oldalon az általános számlákat. Emiatt sok oldalt 301 átirányítást. Mondjuk azt tervezi zhto kijavítani, vagy hagyja úgy. Csak poyamal szűrő google, és a gyanú esik ez a tényező. Hálás lennék a választ
Szia, Maxim. Nem, semmi nem tervezi, hogy csinál. Az én téma ne essék róla. Dátum vezet egy nyilvántartást archiválni erre a napra. Ez nem egy többszörös átirányítások.
Hi Maxim. Helyesen rámutatott című cikkében, hogy meg kell figyelni, hogy a kép betöltése sebesség.
Azt hiszem, meg kell ragaszkodni a klasszikus formában, hogy van egy tisztességes letöltési sebesség és a kijelző „nem béna”.
Wang, helló. Igen, itt meg kell találni az egyensúlyt, így szép és látszott a kép, és a sebesség nem sántított.
Maxim, meg egy témát a kurzus: Lightning, de a másik számítógép nem megfelelően jelenik meg a szöveg, és hogyan erősít, hogy mi a helyes beállításokat a két számítógép.
Maxim mellett. Van két helyszínen, a tárgy. Lightning. szóval ez egy téves képet a szöveg egy másik számítógépen mindkét oldalakon ezzel a témával, és azon a számítógépen létrehozott ezek a weboldalak a szöveg jelenik rendesen ....
Vitaly, ellenőrizze a beállításokat a böngészők a két PC böngésző ez felelős megjelenítésére weboldalak. Valószínűleg az egyik PC nincs telepítve betűtípus, vagy más böngésző beállításait. Itt lehet kitalálni, mint szükséges. Be kell, hogy ellenőrizze a beállításokat.