PNG un SVG

Rastrgrafikas un vektorgrafikas faili

Iespējams, būtiskākā PNG un SVG formātu atšķirība ir tā, ka viens ir rastrgrafikas, bet otrs — vektorgrafikas faila veids.

PNG ir rastrgrafikas, t.i., pikseļu, attēla formāts. Ja rastrgrafikas attēls tiek pārlieku palielināts, tas kļūst graudains un pikseļots. Tāpat, ja attēls ir pārāk mazs, tas var kļūt neass. Lai gan PNG faili var nodrošināt ļoti augstu izšķirtspēju, tos nevar bezgalīgi palielināt.

Savukārt SVG failu pamatā ir vektorgrafika — tie ir veidoti no sarežģīta matemātiska līniju, punktu, formu un algoritmu tīkla. Tos var palielināt līdz jebkādam lielumam, nezaudējot izšķirtspēju.

Uzzināt vairāk par rastrgrafikas un vektorgrafikas failiem

Faila lielums

PNG faili bieži vien ir lieli, lai tie varētu nodrošināt augstu izšķirtspēju. To lielums nozīmē, ka to apstrāde, kopīgošana, saglabāšana un atvēršana var būt ilgāka. Tas var arī palēnināt lapas ielādes laiku , tādēļ tiešsaistes fotogrāfijās biežāk izmanto JPEG formātu. Tomēr ir arī mazāks 8 bitu PNG failu variants, taču spēj atbalstīt tikai 256 krāsas.

SVG faili ir daudz mazāki nekā PNG faili, un ir maz ticams, ka tie palēninās jūsu datora vai tīmekļa vietnes darbību (tomēr ļoti detalizēti noformējumi var palēnināt SVG faila darbību). SVG ir vektorgrafikas faila formāts, tāpēc šos failus var palielināt vai samazināt, nezaudējot kvalitāti.

Saspiešana

SVG faili nodrošina bezzudumu saspiešanu — tos var saspiest līdz mazākam faila lielumam, nemazinot izšķirtspēju, detalizācijas pakāpi vai kvalitāti.

PNG failos arī var izmantot bezzudumu saspiešanu 5–20% apmērā, kas var palīdzēt kompensēt apjomīgo faila lielumu. Tomēr tie, visticamāk, joprojām būs lielāki nekā SVG faili.

Fotogrāfija

Kā minēts iepriekš, PNG faili nav izplatīta izvēle tīmekļa fotoattēliem. Tomēr tajos var apstrādāt ļoti detalizētus, augstas kvalitātes digitālus fotoattēlus, kas paredzēti drukāšanai, rediģēšanai un citiem nolūkiem. Šis faila formāts tiek plaši izmantots lietotnē Adobe Photoshop.

Savukārt SVG failos netiek izmantoti pikseļi , tāpēc tajos ir grūti attēlot fotogrāfijas augstā kvalitātē.

Lietošana tīmeklī

Gan PNG, gan SVG failos var attēlot sarežģītas tīmekļa grafikas, ilustrācijas, logotipus, infografikas un tabulas.

Tomēr SVG formāta galvenā priekšrocība ir tajā izmantotā programmēšanas valoda XML. Tas nozīmē, ka katrs attēlotais SVG fails ir rakstīts kā teksts, nevis kods. Tādēļ tos spēj analizēt ekrāna lasītāji un meklētājprogrammas, un tie ir lieliski piemēroti gan pieejamības, gan meklētājoptimizācijas nolūkiem.

SVG faili parasti ir arī mazāki, tādēļ tos var ātrāk ielādēt lapā. Lapas ielādes laiks ir vēl viens būtisks elements, kas nosaka vietnes pozīciju meklētājprogrammās.

PNG formāts arī atbalsta dažas grafikas, kuru pamatā ir teksts , taču mazākā mērā.

Saderība un sarežģītība

SVG tiek uzskatīts kā modernāks faila veids nekā PNG, taču faktiski tie nav saderīgi ar visām pārlūkprogrammām un operētājsistēmām. Turklāt to programmēšanas valoda un vektorbalstītā struktūra var būt sveša un biedējoša jauniem lietotājiem.

Savukārt PNG ir tiešsaistē izmantojams standarta formāts, ko atbalsta vairākums tīmekļa pārlūkprogrammu un operētājsistēmu.

Animācija

PNG faili neatbalsta animāciju atšķirībā no GIF — līdzīga rastrgrafikas attēlu faila.

SVG faili atbalsta animāciju, taču ne tik viegli kā citi failu veidi, piemēram, AI jeb lietotnes Adobe Illustrator iebūvētais formāts.

Uzzināt vairāk par AI failiem

Caurspīdīgums

PNG un SVG faili atbalsta caurspīdīgumu , tādēļ tie abi ir lieliski piemēroti tiešsaistes logotipiem un grafikai.

Ir vērts pieminēt, ka PNG faili ir viena no veiksmīgākajām caurspīdīgu rastrgrafikas failu izvēlēm. Ja strādājat ar pikseļiem un caurspīdīgumu, PNG faili ir labāks risinājums nekā SVG.

1. Atveriet lietotni Adobe Illustrator.
2. Noklikšķiniet uz File (Fails) > Open (Atvērt) un datorā atlasiet attēlu.
3. Noklikšķiniet uz Open (Atvērt).
4. Augšējā izvēlnē noklikšķiniet uz elementa Trace (Izsekošana) un atlasiet Image Trace (Attēlu izsekošana).
5. Pielāgojiet pārvēršanu atbilstoši savām specifikācijām , kas var ietvert krāsas maiņu.
6. Kad process ir pabeigts, atlasiet izsekošanas attēlu un noklikšķiniet uz Ungroup (Atgrupēt). Tādējādi tiks atdalītas krāsu formas.
7. Noklikšķiniet uz File (Fails) > Export (Eksportēt).
8. Saglabājiet failu kā SVG failu.

1. Atveriet lietotni Adobe Photoshop.
2. Noklikšķiniet uz File (Fails) > Open (Atvērt).
3. Datorā atlasiet SVG failu.
4. Noklikšķiniet uz Export (Eksportēt) > Export As (Eksportēt kā) > PNG.
5. Saglabājiet failu PNG formātā.