GIF, PNG, JPG vagy svg használó
Úgy tűnhet, hogy a 256 szín sokat. Összehasonlításképpen, az összetett fényképek ezer árnyalatok. A folyamat, amely egy GIF színskála sokkal szűkebb, és ez a fő oka annak, hogy nem használja GIF színes fotók.
GIF rosszul alkalmas képeket széles színválaszték, de legfeljebb 256 szín segít megőrizni az alacsony súly a fájlt, így ideális még a leglassabb kapcsolatokat. Hosszú ideig csak GIF van átláthatóság funkciót. Most ez a PNG és SVG.
Gyakorlati tanfolyam létrehozásának design oldalak Photoshop
Légy profi webdesigner, ami egy népszerű site elrendezés.
grafika alacsony variáció pixel (azaz monoton színtípusát zászlók és jelképek).
Attól függően, hogy a beállítások akkor használja ezt a «JPEG» formátumban vagy «JPG» - mindkettő megvalósítható lehetőségek egy rövidítés - Joint Photographic Experts Group.
Ellentétben GIF JPEG 16 bites formátumban, azaz tudja, hogyan kell keverni piros, kék és zöld. Ez lehetővé teszi, hogy megjelenítéséhez több millió szín, és így nagyon barátságos fotókat. Részben azért, mert úgy történt, hogy egy szabvány méret a legtöbb digitális fényképezőgép a piacon.
JPEG lehetővé teszi, hogy állítsa be a tömörítési arányt a kép, a 0% (magas tömörítés) 100% (tömörítetlen). Általános szabály, hogy 60% -75% lenne elég ahhoz, hogy jelentősen csökkenti a súlyt a fájlt, miközben egy kiváló minőségű, a legtöbb képen.
JPEG kiválóan alkalmas kompressziós és renderelő fotók, de ez a fajta veszteséges tömörítés. Ez azt jelenti, nem jól alkalmas közvetlen képek szerkesztése. Export JPEG veszteséget eredményezett a minőség, és a veszteségek egyre több és több, az export. Ezért a profi fotósok főként RAW formátumban veszteség nélkül.
Továbbá ellentétben a GIF és PNG JPEG formátumban nem menti az átláthatóságot.
A fényképek kifinomult színek és a dinamika.
Ellentétben a GIF és JPEG formátumban PNG (Portable Network Graphics) újabb. A két változat a formátum hasonló GIF és JPEG mix.
PNG-8 nagyon hasonlít a GIF és használja a színpaletta 256 szín (maximum). Ő egy kicsit jobb átláthatóság és egy kicsit kisebb, mint a súlya a fájlt. Azonban PNG-8 nem az animáció funkciót.
PNG-24 tehetik képek millió szín, szinte JPEG, de ez is ment az átláthatóságot.
PNG-24 - méret minőség romlása nélkül, ami növeli a súlyát a fájlokat. Ha a kép minősége sokkal fontosabb, mint a súlya a fájlok PNG-24 a legjobb választás. TinyPNG.com típusú szolgáltatások gyakran jelentősen csökkenti a fájl súlyát.
Összehasonlítva JPEG féltestvérét, PNG-24 általánosan nem kompatibilis az összes alkalmazások és platformok, így alkalmatlan méret megosztása a hálózaton. Azonban a formázás lehet szerkeszteni a minőség romlása nélkül.
Webgrafikai átláthatóságot;
összetett kép a különböző színek és grafikák
kívánt képeket újraszerkesztheted és az export.
Ezzel szemben a fenti három formátum az SVG (Scalable Vector Graphics) - tisztán raszteres formátumban. Ez a vektor formátumban közel az AI az Adobe Illustrator és EPS. Vektorgrafikus fokozatosan egyre népszerűbb a hálózat és UI tervezők.
Néha kényelmes, hogy képviselje az SVG, mint a «HTML illusztrációk.” Ez a formátum egy kicsit más, mint a többiek.
SVG - vektoros formátumban, de lehet (és gyakran), hogy helyezze bitmap grafikus ugyanúgy, mint a JPEG beilleszteni HTML.
Online szolgáltatások, mint a WordPress, a Flickr, közepes, Tumblr és a Facebook lesz kénytelen vagy átalakítani SVG egy megfelelő formátumú őket, vagy, ami valószínűbb, csak blokk betöltését SVG. A hálózat rengeteg webtárhely SVG, beleértve svgur.com. imgh.us sőt GitHub, mint Alex itt bemutatott.
Szeretem, hogy van egy kis tárhely SVG, de én 99% -ban biztos, hogy a következő 5 évben csak GitHub SVG-barát. Ha SVG web design szinte mindig meg lehet tömöríteni a fájlt tömeg, ellentétben JPEG és PNG. De a bonyolultabb SVG, annál nagyobb a fájl súlyát.
logók és grafikák web design;
Megtudtuk, mi a különbség a népszerű formátumok, és most itt az ideje, hogy hasonlítsa össze őket szembe. Az alábbiakban látható a GIF, JPEG, PNG és SVG-képek kezelik egyszerű és összetett színek és képek.
Graphics monoton színek
Az első típus, amely azt fogja vizsgálni - grafika monoton színek. Ez magában foglalja a legtöbb logók, márkák, ikonok, egyszerű, grafikonok és diagramok. Az eredeti kép mérete 23,4 kB 1280 x 1280.
Az alábbiakban összehasonlítását mutatja tömege és minősége a fájlokat. A képek tartatott a funkciót a Photoshop «Save for web és eszközök” a legmagasabb minőséget.
Gyakorlati tanfolyam létrehozásának design oldalak Photoshop
Légy profi webdesigner, ami egy népszerű site elrendezés.
JPEG 100% (tömörítetlen): 53,3 KB
SVG: 6 KB (nettó vektorgrafikus)
Ha ez a kép nem lényegesen nagyobb, a minőség romlása, ha összehasonlítjuk a hat formátumokat. Bár lehet látni a kis leletek JPEG tömörített árrés.
Nem minden rossz a grafika monoton színek, de a legtöbb problémát az ilyen képeket nem merül fel. A kép a legjobb megoldás, feltéve, hogy van az eredeti - SVG súlyú 6 kb. Ha nem vektorgrafikus lehet használni, hogy cserélje ki a PNG-8. Fájl súlya csökken 23,4Kb a 11,8Kb.
Képek komplex szín
Eredeti - 328Kb JPEG 1280 x 960. Az alábbiakban bemutatjuk, összehasonlítva a súly és a minőség a fájl. A képek tartatott a funkciót a Photoshop «Save for web és eszközök” a legmagasabb minőséget.
Jelenleg nincs olyan vektor változata a kép, így minden SVG változat egyszerűen csak JPEG SVG. A méret itt lesz felesleges.
JPEG 100% (tömörítetlen): 776 KB
Képek összetett színek jobban néz ki, JPEG, PNG-24, és az SVG. A színek a legtöbb fennmaradt, és vannak ezek a szörnyű gyűrűk és a zaj, ami általában kijön GIF és PNG-8.
színes fotók
Eredeti - 215Kb JPEG 1280 x 710 Az alábbiakban bemutatjuk, összehasonlítva a súly és a minőség a fájl. A képek tartatott a funkciót a Photoshop «Save for web és eszközök” a legmagasabb minőséget.
SVG is kevés haszna van.
JPEG 100% (tömörítetlen): 90 KB
Mivel a komplex képek, fotók legjobban tárolt JPEG, PNG-24, vagy SVG. A fenti képen a színek vannak tárolva minden formátumot eltérő PNG-8 és GIF, amely kijutni a gyűrű és a zaj az árnyékában a haj, a háttérben, valamint a tetején a fotó.
Felülvizsgálat: Team webformyself.
Gyakorlati tanfolyam létrehozásának design oldalak Photoshop
Légy profi webdesigner, ami egy népszerű site elrendezés.
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
