Permatomas WebP konvertavimas. WebP, PNG, JPG yra sukurtas spręsti labai įprastą dizaino problemą, kuri kažkodėl nuolat virsta operine interneto katastrofa: vaizdas yra netinkamo formato, fonas turėtų būti permatomas, logotipas sėdi bjauriame baltame stačiakampyje, o galiausiai kas nors pradeda klausti, kodėl puslapis atrodo mėgėjiškai ant tamsios antraštės. Įrankis priima PNG, JPG, JPEG ir WebP įkėlimus. Jis gali eksportuoti į WebP, PNG arba JPG. Jis taip pat gali bandyti paversti baltą arba beige fono plotą permatomu, kai pasirinktas išvesties formatas palaiko alfa kanalą.
Praktinė darbo eiga paprasta. Jūs įkeliate vaizdą, pasirenkate išvesties formatą, nusprendžiate, ar keitiklis turėtų bandyti paversti baltą foną permatomu, ir pradedate konvertavimą. Kai rezultatas yra paruoštas, įrankis parodo peržiūrą ir pateikia atsisiuntimo mygtuką. Tai leidžia jį naudoti realiam svetainių kūrimo darbui, o ne ceremonialiam vaizdų konvertavimui, kuris baigiasi nusivylimu ir nauju rankinio valymo etapu.
Ką galite įkelti
Keitiklis priima keturis įvesties tipus: PNG, JPG, JPEG ir WebP. Tai apima dažniausiai pasitaikančius vaizdo failus, su kuriais žmonės susiduria įprastame svetainių darbe, dizaino eksportuose, senuose grafikos archyvuose, logotipuose, atsisiųstuose iš pamirštų aplankų, ir produktų vaizduose, kurie jau nukentėjo nuo kelių abejotino redagavimo etapų. Maksimalus failo dydis yra 20 MB, taip pat taikomas matmenų saugumo limitas, kad absurdiškai dideli failai nebandytų suvalgyti serverio atminties pusryčiams.
Įkeliamas failas jau gali turėti tikrą skaidrumą (kaip dažnai būna su PNG ir kai kuriais WebP failais) arba tai gali būti plokščias vaizdas su baltu fonu. Keitiklis susitvarko su abiem situacijomis, nors rezultatai skiriasi. Failas, kuris jau turi tinkamą skaidrumą, gali jį išlaikyti PNG arba WebP išvestyje. Failas su vientisu baltu fonu gali būti apdorotas taip, kad baltas fonas taptų permatomas, tačiau tai geriausiai veikia, kai fonas yra tikrai baltas, o ne blyškių šešėlių, suspaudimo dulkių ir pusiau atsitiktinių dantytų kraštų mišinys.
Kokie išvesties formatai yra prieinami
Įrankis gali eksportuoti į WebP, PNG ir JPG. Šie formatai nėra keičiamos mažos kepurėlės, kurias uždedate ant to paties vaizdo dėl mados. Jie buvo sukurti skirtingiems darbams.
PNG yra naudingas, kai norite aiškios grafikos, tikslių pikselių ir tinkamo skaidrumo. Tai dažnai yra protingas pasirinkimas logotipams, sąsajos elementams, diagramoms, iškarpytoms grafikoms, ženkleliams ir paveikslėliams su aštriais kraštais. PNG yra patikimas, nors gali tapti gana sunkus, jei žmonės jį naudoja viskam po saule.
JPG buvo sukurtas nuotraukoms ir į nuotraukas panašiems vaizdams, kur stiprus suspaudimas yra svarbesnis už tobulą kraštų tikslumą ar skaidrumą. JPG yra efektyvus nuotraukoms, baneriams, ekrano kopijoms kai kuriais atvejais ir bendriems vaizdams, kur nedideli suspaudimo praradimai yra priimtini. Svarbiausia taisyklė: JPG nepalaiko skaidrumo. Jei išsaugote į JPG, rezultatas turi būti suplokštintas ant vientiso fono. Šiame įrankyje tas fonas yra baltas.
WebP yra modernesnis, internetui draugiškesnis formatas, galintis apimti daug sričių. Jis gali spausti failus labai efektyviai, taip pat palaiko skaidrumą. Dėl to jis yra ypač patrauklus interneto grafikai, logotipams, užsklandoms ir bendriems svetainės elementams, kur failo dydis yra svarbus, o skaidrus fonas – naudingas. Jis dažnai elgiasi kaip praktiškas tiltas tarp PNG stiliaus lankstumo ir modernesnio internetinio pristatymo.
Kaip veikia skaidrumo parinktis
Skaidrumo parinktis yra įjungta pagal nutylėjimą, nes tai yra pati priežastis, kodėl daugelis žmonių ateina į tokį įrankį. Kai ši parinktis įjungta, o išvesties formatas yra PNG arba WebP, keitiklis bando paversti baltus ir beveik baltus fono plotus permatomais. Tai naudinga logotipams, paprastoms piktogramoms, lipdukams, parašams, etiketėms, produktų karpiniams, paruoštiems ant balto fono, ir kitoms grafikoms, kurios turi švariai sėdėti ant spalvoto ar raštuoto fono.
Šioje vietoje reikia būti sąžiningiems. Keitiklis neužsiima nekromantija. Jis neskaito menininko sielos. Jis žiūri į baltus ir beveik baltus pikselius ir bando juos traktuoti kaip foną. Jei failas turi švarų baltą foną, rezultatas gali būti labai geras. Jei faile yra švelnių pilkų šešėlių, nešvarių balkšvų gradientų, stipraus JPG suspaudimo artefaktų arba baltų detalių pačiame dizaine, rezultatas gali būti netobulas. Keitiklis gali pašalinti vientisą foną. Jis negali pataisyti kiekvieno rando, kurį paliko senas eksportavimo procesas ir trys atsitiktinio vaizdo apdorojimo etapai.
Kodėl JPG elgiasi kitaip
Žmonės dažnai užduoda tą patį klausimą skirtingais pavidalais: „Ar JPG gali būti permatomas?“ Atsakymas yra ne. JPG formatas negali išsaugoti alfa skaidrumo. Tai nėra moralinė nesėkmė, tiesiog dizaino faktas. Jei pasirenkate JPG kaip išvesties formatą, skaidrumas yra neįmanomas, todėl keitiklis suplokština vaizdą ant balto fono.
Tai nereiškia, kad JPG įvestis yra nenaudinga. JPG failas su baltu fonu vis tiek gali būti įkeltas ir konvertuotas į PNG arba WebP, o tada įrankis gali bandyti paversti baltą foną permatomu šio konvertavimo metu. Kitaip tariant, JPG šaltinis vis tiek gali lemti permatomą rezultatą, bet tik tuo atveju, jei tikslo formatas palaiko skaidrumą. Galutinis permatomas failas turi būti PNG arba WebP, bet ne JPG.
Tačiau prie šio triuko pridedamas praktinis įspėjimas. JPG suspaudimas gali sukurti šviesius ratilus ir kraštų artefaktus. Todėl švarus PNG logotipas, konvertuotas į permatomą WebP, paprastai atrodys geriau nei apdaužytas JPG logotipas, išgelbėtas iš seno el. pašto priedo. Keitiklis gali padėti, nors jis negali panaikinti suspaudimo istorijos dėsnių.
Kodėl skaidrumas yra svarbus realiame svetainių darbe
Skaidrumas nėra dekoratyvi smulkmena. Jis yra svarbus visada, kai vaizdas turi gražiai sėdėti ant spalvoto, tamsaus, gradiento, fotografuoto ar tekstūruoto fono. Akivaizdžiausias pavyzdys yra logotipas. Uždedate logotipą baltame fone ant tamsios antraštės ir svetainė iškart pradeda spinduliuoti pigaus išpardavimo energiją. Naudokite skaidrų logotipą ir dizainas staiga vėl atrodo apgalvotas.
Ta pati logika galioja piktogramoms, produktų karpiniams, ženkleliams, socialiniams paveikslėliams, užsklandoms, parašams, UI iliustracijoms ir reklamos elementams. Skaidrus fonas suteikia išdėstymo laisvę. Jis leidžia vaizdui integruotis į dizainą, užuot jį sugriovus. Štai kodėl formatai su alfa kanalo palaikymu yra tokie svarbūs praktiniame programuotojų darbe. Permatomas PNG arba WebP gali sėdėti ten, kur jam reikia. JPG gali atvykti tik su suplokštintu fonu ir tikėtis, kad žmonės bus gailestingi.
Kuo WebP, PNG ir JPG skiriasi kasdieniame gyvenime
Jei norite paprastos taisyklės: naudokite JPG nuotraukoms, PNG – grafikai, kuriai reikia tikslių kraštų arba skaidrumo, ir WebP – kai norite modernesnio interneto formato, kuris dažnai gali suteikti mažesnius failus, vis dar palaikydamas skaidrumą. Gyvenimas yra šiek tiek subtilesnis, nors ši taisyklė vis tiek yra naudinga.
PNG dažnai yra konservatyvus, patikimas pasirinkimas. Jis išlaiko viską švariai ir tiksliai, nors failo dydis gali augti greičiau nei tikisi daugelis žmonių. JPG yra efektyvus fotografiniam turiniui, nors jis yra netinkamas įrankis skaidriai grafikai. WebP dažnai tai tampa praktišku kompromisu internetui, nes jis gali padaryti po truputį visko su mažesne baitų arogancija. Tai viena iš priežasčių, kodėl žmonės konvertuoja logotipus ir sąsajos grafiką iš PNG į WebP, kai svetainė išauga iš pirmojo juodraščio etapo ir kas nors pradeda pastebėti pralaidumo sąskaitas, krovimosi laiką bei mobiliojo ryšio našumą.
Kada keitiklis veikia geriausiai
Idealus naudojimo atvejis yra paprastas. Turite paprastą grafiką, logotipą, ženklelį, antspaudą, produkto lipduką ar karpinį su švariu baltu fonu ir norite jį turėti PNG arba WebP formatu su skaidrumu. Tai yra vieta, kur keitiklis elgiasi elegantiškiausiai. Jis taip pat naudingas failams, kurie jau turi skaidrumą ir kuriuos tiesiog reikia perkelti į kitą formatą, išlaikant šią savybę.
Mažiausiai idealus atvejis yra vizualiai chaotiškas vaizdas, kur „fonas“ iš tikrųjų nėra tik fonas. Nuotrauka su baltais drabužiais, šviesiomis sienomis, šviesos blyksniais, atspindžiais, dūmais ir išplautais šešėliais nėra geras kandidatas fono pašalinimui paprastu baltos spalvos permatomumo metodu. Tokiu atveju keitiklis vis tiek gali sukurti kažką įdomaus, nors „įdomus“ ne visada yra tas būdvardis, kurio norisi gamybiniame dizaine.
Peržiūra ir atsisiuntimas
Kai konvertavimas baigiasi, įrankis rodo rezultatą tiesiai puslapyje ir leidžia jį atsisiūsti. Ši peržiūra yra svarbi, nes skaidrumą reikia patikrinti, o ne spėlioti. Logotipas gali atrodyti garbingai baltame puslapyje ir atskleisti dantytas nuodėmes tik tada, kai yra uždedamas ant tamsesnio paviršiaus. Rodant rezultatą iš karto, įrankis taupo laiką ir apsaugo nuo klasikinio ritualo atsisiųsti failą po failo tik tam, kad suprastumėte, jog kraštų apdorojimas vis dar atrodo kaip diplomatinis incidentas.
Apribojimai, atsargumas ir sveiki lūkesčiai
Įkėlimo limitas yra 20 MB. Didelių matmenų failai yra ribojami saugumo sumetimais, nes fono analizė milijonuose pikselių nėra tai, ką sveiko proto serveris turėtų daryti amžinai, apsimesdamas, kad laikas ir atmintis yra tik fantazija. Keitiklis skirtas praktinei svetainės grafikai ir įprastam vaizdų darbui, o ne absurdiškiems gigapikselių eksperimentams, pradėtiems iš neapgalvoto smalsumo.
Dar vienas dalykas reikalauja aiškumo. Baltos spalvos pavertimas permatoma yra naudinga konvertavimo technika, tačiau tai nėra tas pats, kas pilnas rankinis karpymas, atliekamas rimta vaizdų redagavimo programine įranga. Tai greita, praktiška ir dažnai visiškai pakankama švariems resursams. Tai nėra vizualinės tiesos orakulas. Naudokite jį tam, kam jis skirtas: kaip protingą interneto įrankį bendriems atvejams spręsti be poreikio kiekvieną logotipą, ženklelį ar produkto etiketę tempti per visą dizaino programų paketą.
Taigi ko geras PNG į WebP keitiklis turėtų išmokyti? Jis turėtų išmokyti, kad vaizdų optimizavimas yra mažiau susijęs su formatų garbinimu ir daugiau su pagarba jų pristatymui. Jis devynis kartus primins žmonėms, kad PNG buvo sukurtas dėl puikių priežasčių, kad skaidrumas yra tikra techninė vertė, kad WebP egzistuoja todėl, kad internetui reikėjo efektyvesnės modernios parinkties, ir kad mažesni failai yra ne gyvenimo būdo aksesuaras, o praktinis pagerėjimas. Jis taip pat turėtų tyliai atskleisti vieną amžiną tiesą apie svetaines: daugelis puslapių yra lėti ne todėl, kad internetas yra sudėtingas, bet todėl, kad per didelius failus nuolat įkelia visiškai protingi žmonės, kurie kažkodėl tampa švaistymo poetais tą akimirką, kai pasirodo eksporto mygtukas.
Štai kodėl šis konvertavimas yra naudingas mažiausiai teatrališku, labiausiai gerbiamu būdu. Jis leidžia paimti PNG vaizdą, pasirinkti WebP kokybės lygį ir sukurti tikrą WebP išvesties failą, skirtą tikram pristatymui. Jokios pranašystės. Jokių stebuklingų tepalų. Jokių herojiškų teiginių, kad kiekvienas vaizdas susitrauks iki nieko, kartu taps gražesnis ir moraliai pranašesnis. Tiesiog švaresnis failo formato pasirinkimas tiems atvejams, kai PNG pradėjo elgtis kaip patogus, bet permaitintas aristokratas puslapyje, kuriam iš tikrųjų reikėjo lengvesnio keliautojo.