PNG vs WebP vs AVIF išpjovoms
Kai žmonės klausia, kuris formatas yra „geriausias iškirpti“, jie paprastai sumaišo tris atskirus darbus:
- šaltinio nuotraukos atidarymas
- skaidrumo išsaugojimas pašalinus foną
- pateikti failą, kurį komandos draugai ir paskirties vietos supranta
PNG, WebP ir AVIF gali būti naudojami šiuolaikiniame vaizdo darbe. Jie nėra keičiami kiekviename žingsnyje.
Kriterijai, kurie svarbūs išpjovimams
| Kriterijai | Kodėl tai svarbu iškirpti |
|---|---|
| Skaidrumas / alfa | Reikalingas, jei objektas turi plaukti virš kitų fonų |
| Platus palaikymas | Sumažina trintį „failas neatsidarys“ |
| Failo dydis | Pristatymo internetu ir didelių katalogų reikalai |
| Redagavimo pažintis | Padeda komandoms perduoti turtą be painiavos |
| Darbo eiga tinka | Įvesties palaikymas ir pageidaujamas eksportavimas gali skirtis |
PNG
Stipriosios pusės
- Plačiai suprantamas dėl skaidraus turto
- Patikimas skaidrių, sąrašų, lipdukų ir dizaino rinkinių perdavimas
- Aiškus mentalinis modelis: išpjova → skaidrus PNG
** Kompromisai**
- Dažnai didesni nei šiuolaikiniai nuotraukų formatai, kurių vaizdo kokybė yra panaši – Ne visada efektyviausias kiekvienos svetainės pristatymo formatas
Easy Background Remover PNG yra praktiškas eksporto atsakymas, kai reikia tikro skaidrumo.
WebP
Stipriosios pusės
– Dažnas žiniatinklyje
- Gali palaikyti skaidrumą kaip formatų šeimą
- Dažnai mažesnis nei PNG daugeliui išteklių
** Kompromisai**
- Pagalba ir komandos pažinimas skiriasi priklausomai nuo paskirties vietos
- Ne kiekvienas perdavimo partneris tikisi, kad WebP bus numatytasis išpjovų meistras
Naudinga kaip įvestis, kai įrašote vaizdą iš žiniatinklio. Šio produkto iškirpimo darbo eigoje PNG išlieka aiškesnis numatytasis eksporto parametras.
AVIF
Stipriosios pusės
- Šiuolaikinis suspaudimo efektyvumas
- Vis labiau paplitęs kaip pristatymo formatas
** Kompromisai**
- Platesnis komandos/įrankio pažinimas daugeliui darbo eigų vis dar atsilieka nuo PNG
- Geriausiai traktuojamas kaip galimas šaltinio formatas, o ne numatytasis skaidrus pagrindinis kiekvieno naudotojo formatas
Jei originalas atkeliauja kaip AVIF, atidarius jį kaip įvestį galima sutaupyti konversijos trinties. Eksportuojant skaidrią išpjovą PNG formatu, rezultatas bus lengvai naudojamas pakartotinai.
Kriterijų lentelė (greitas vaizdas)
| Reikia | Pasilenkite link |
|---|---|
| Pakartotiniam naudojimui skirtas skaidrus šepetėlis | PNG |
| Vaizdo šaltinis iš svetainės | WebP arba AVIF gali būti rodomas kaip įvestis |
| Maksimalus komandos draugų pažinimas | PNG |
| Pristatymo optimizavimas vėliau | Konvertuoti iš švaraus pagrindinio, jei to reikia jūsų dujotiekiui |
| “Ar mano telefono nuotrauka veikia?” | Atidarykite palaikomą įvestį, eksportuokite PNG išjungimą |
Praktinė darbo eigos taisyklė
Atskirkite įvestį ir išvestį:
- Įvestis: naudokite bet kokį palaikomą šaltinį, kurį jau turite
- Skaidrių išpjovų išvestis: pirmenybę teikite PNG, nebent konkreti paskirties vieta reikalauja kitaip
Ši taisyklė apsaugo nuo įprastų spąstų: diskutuoti apie šiuolaikinius formatus, netyčia prarandant skaidrumą arba klaidinant bendradarbius.
Kai dydžio spaudimas yra tikras
Jei katalogo apimtis yra didelė ir pristatymo dydis yra svarbus, laikykite du sluoksnius:
- švarus skaidrus meistras (dažniausiai PNG)
- pasroviui optimizuotos pristatymo versijos, jei jų reikia jūsų svetainės konvejeriui
Pirmiausia neoptimizuokite meistro. Atsigauti po blogo eksporto yra brangiau nei laikyti aiškų šaltinį.
Dažnos klaidos
1 klaida: pasirenkamas formatas tik todėl, kad jis naujesnis
Naujesnis nėra automatiškai aiškesnis perjungimo perdavimui.
2 klaida: darant prielaidą, kad kiekvienas formatas išsaugo skaidrumą kiekviename įrankyje
Visada patikrinkite, ar paskirties vieta priima alfa.
3 klaida: pristatymo optimizavimas prieš užrakinant išpjovos kokybę
Pirmiausia pataisykite kraštus ir skaidrumą, tada optimizuokite.
4 klaida: įvesties ir eksporto traktavimas kaip vienas sprendimas
Jie yra susiję, o ne tapatūs.
Norėdami sužinoti, kokių šio gaminio formatų laukiama, žr. Palaikomi vaizdo formatai. Dėl pačios skaidrumo koncepcijos žr. Kas yra skaidrus PNG?.