Lisi o Mataupu[Natia][Fa'aali]
I le lalolagi o le web design, e tele ata fa'atusa e filifili mai ai. E lua o faʻailoga sili ona lauiloa o le WebP ma le SVG.
E tofu uma ma a latou lava faʻamanuiaga tulaga ese ma faʻaletonu, o le fea e saʻo mo lau poloketi?
O lenei blog post o le a faʻatusatusaina le WebP ma le SVG i autafa e fesoasoani ia te oe e faia le filifiliga sili mo ou manaʻoga.
O le a le WebP?
O le WebP o se ata fou na faʻasalalau e Google i le 2010. Ua mamanuina e faʻapipiʻi ata e sili atu nai lo JPEGs ma PNGs, e mafua ai ona laʻititi faila faila. Ole mea lea e fa'atopetope ai ata i luga ole upegatafa'ilagi, lea e mafai ona fa'aleleia atili ai le fa'aoga o tagata.
E le o lagolagoina lautele le WebP e pei o le JPEG poʻo le PNG, ae o loʻo faasolosolo malie ona maua le malosi. E mafai ona e fa'aogaina ata WebP i luga o upega tafa'ilagi e lagolagoina i latou, pe mafai fo'i ona e fa'aliliuina JPEG po'o PNGs ile WebP fa'aoga meafaigaluega i luga ole laiga.
Vaega o WebP
1. Fa'asologa Leai
O le WebP o se faʻasologa o ata e leai se gau, o lona uiga o le ata e le faʻaleagaina pe a faʻasaoina. E fa'atusatusa lenei mea ma le JPEG, o se fa'asologa e leiloa, o lona uiga e leiloa nisi uiga lelei pe a fa'apipi'i le ata.
O le fefaʻatauaʻiga mo lenei faʻamalosi e leai se gau o le WebP ata e masani ona lapopoa.
2. Fua Fa'atatau
Ole fua fa'amalosi ole ata ole WebP e fa'alagolago ile tulaga lelei. Mo se faʻataʻitaʻiga, i se tulaga lelei o le 50%, o se ata WebP atonu e afa le tele o se ata JPEG e tutusa lelei.
3. Lagolago
Ose fa'asologa fou, ma o lo'o fa'atupuina pea. E le'o lagolagoina lautele e pei o le JPEG po'o le PNG. Ae ui i lea, o loʻo lagolagoina e le tele o suʻesuʻega.
4. Puipuiga
WebP o se faʻasalalauga tatala. O lona uiga e le o fa'ailoga. Ae ui i lea, ua mamanuina ina ia avea ma se faatulagaga saogalemu, ma ua maeʻa suʻesuʻeina e Google.
WebP Lelei & Le lelei
tulaga e lelei
- Laiti faila faila
- Vave taimi utaina
- Lelei sili atu
- Faʻateleina le vaetamaina e Google, Facebook, ma Twitter
leaga
- E le o tagata su'esu'e uma e lagolagoina WebP
- O nisi masini tuai atonu e le mafai ona fa'aalia ata WebP
- E leai se fa'afouga mo ata WebP, o lea afai e le mafai e se su'esu'ega ona fa'aalia, o le a le fa'aalia lava le ata.
- O le fa'aliliuina o ata ile WebP e mafai ona fa'aalu se taimi
O le a le SVG?
O le SVG ose fa'asologa fa'asologa o ata e lagolagoina e le tele o su'esu'ega i luga ole laiga fa'aonaponei. Vector graphics o ata ia e faia i laina ma pupuni, nai lo pixels.
O le mea lea e lelei ai mo logos, fa'ata'ita'iga, ma isi ata e mana'omia le fa'asili i luga po'o lalo e aunoa ma le leiloa o le lelei.
SVGs e mafai ona faʻaaogaina i le tele o talosaga. Mo se faʻataʻitaʻiga, e mafai ona faʻaogaina i Photoshop e fai ai ata ma logos. E mafai ona faʻaogaina i InDesign e fatu ai faʻasologa o mekasini ma lolomi ata.
SVGs e mafai ona faʻapipiʻi i HTML ma CSS e fatu ai ata ma ata.
Fa'ailoga o le SVG
1. Fuafuaina Vector Graphics
E mafai ona e fuaina SVG i luga pe lalo ona e tutoʻatasi i latou. O le a latou foliga lelei i luga o soʻo se lau tele, mai masini feaveaʻi i Retina faʻaaliga. E lagolagoina fo'i e fa'asologa fa'avae Vector fa'alili, ata lafoia, ma le fa'aliasing.
2. le tulaga ogatasi
SVG e lagolagoina e suʻesuʻega faʻaonaponei uma, e aofia ai Firefox, Safari, Chrome, Opera, ma Internet Explorer 10 ma luga.
3. Faʻaleleia
SVGs ua mamanuina ina ia mafai ona fa'asa'o. E mafai ona e fa'aopoopoina tusitusiga, foliga, ma isi mea i ata. E mafai fo'i ona e fa'aopoopoina hyperlinks i ata. E mafai ona e fa'asa'o ata ile Photoshop po'o le InDesign.
4. Fa'apipi'i ile HTML
E mafai ona fa'apipi'i SVG i itulau HTML e fa'aaoga ai le fa'ailoga. E fa'atagaina oe e tu'u i so'o se mea i luga o le itulau, ma o le a otometi lava ona fa'afuaina e fetaui ma le lapo'a o le koneteina.
E mafai fo'i ona e fa'aogaina le CSS e pulea ai le tulaga ma le faiga o SVG.
SVG Lelei & Le lelei
tulaga e lelei
- SVGs e tutoʻatasi tutoʻatasi, o lona uiga o le a latou foliga lelei i soʻo se masini.
- E masani ona la'ititi nai lo ata fa'aleaganu'u masani, o lona uiga latou te uta vave.
- E mafai ona fa'aola, e tu'uina atu ia te oe le fa'atonuga sili atu ile va'aiga ma amio a au mea.
- E mafai ona faigofie ona e faʻaogaina i latou i le CSS ma le JavaScript, ma faʻaogaina ai latou.
leaga
- SVGs e mafai ona faigata ona fai ma fa'asa'o e aunoa ma se polokalame fa'apitoa.
- E le lagolagoina i latou e su'esu'ega uma, atonu e te mana'omia le tu'uina atu o ata fa'afo'i mo tagata e le mafai ona va'ai i mea SVG.
WebP vs SVG: Fa'ai'uga
I le aotelega, e fa'alagolago i mea o lo'o e taumafai e fai. Afai e te manaʻomia ni faila laʻititi ma sili atu ata saʻo, SVG o le auala e alu ai.
Ae peita'i, afai e te le manatu e fa'atausi'i sina sa'o mo le vave fa'apipi'i taimi ma la'ititi faila la'ititi, o le WebP atonu e sili atu.
Po'o le a lava le faatulagaga e te filifilia, ia mautinoa e su'e filifiliga eseese ma va'ai po'o le a le mea e sili ona lelei mo ou mana'oga patino.
Tuua se tali