Stisnite sliko za svojo spletno stran
Manjše slike pomenijo hitrejše strani in boljšo uvrstitev v iskalnikih.
- Privzeto zasebnoIzbris v eni uri
- Zelo hitroObdelava v sekundah
- Brez prijaveZačnite takoj
Kako deluje
Dodajte slike
Povlecite in spustite, prilepite ali izberite datoteke. Naložijo se prek šifrirane povezave.
Izberite kakovost ali ciljno velikost
Uporabite drsnik kakovosti ali povejte natančno, koliko KB ali MB potrebujete.
Prenesite
Shranite posamezne datoteke ali vse naenkrat kot ZIP.
Hitrost strani je znan dejavnik tako za uporabniško izkušnjo kot za uvrstitev v iskalnikih, in slike so po navadi največji del teže strani. Pretvorba v WebP pri zmerni kakovosti in sprememba velikosti na približno mere, pri katerih bo slika dejansko prikazana, po navadi drastično zmanjša težo slik brez vidne izgube.
Pogosta napaka je nalaganje fotografije v ločljivosti fotoaparata (pogosto 3000 pikslov ali več širine), ko stran sliko prikaže le pri 800 pikslih; brskalnik vseeno naloži celotno datoteko. Vklop možnosti Spremeni velikost tukaj in nastavitev smiselne največje širine to popravi že pri viru.
Prijava ni potrebna, zato lahko pred objavo preizkusite in primerjate nekaj nastavitev kakovosti; datoteke se z naših strežnikov izbrišejo v eni uri. Priporočljivo je po tem preizkusiti končno stran na počasni povezavi, saj resnični čas nalaganja odvisno od več kot le velikosti ene slike.
Proračun za vsako vrsto slike
Dobro je, da se o številkah odločite, preden odprete urejevalnik. Pasica čez vso širino na vrhu strani: do 2000 slikovnih točk v širino in največ 250 KB. Slika v članku: 1200 točk v širino, pod 120 KB. Sličica v mreži izdelkov ali objav: 400 točk, pod 30 KB. To so delovni proračuni in noben standard jih ne predpisuje, vendar se stran, ki se jih drži, na telefonu naloži hitro, vsi pa so dosegljivi z WebP pri kakovosti 75, s katero ta stran začne.
Slika, ki odloča o vaši oceni nalaganja
Google meri, koliko časa potrebuje največji vidni element, da se prikaže. Ta številka se imenuje Largest Contentful Paint, kot dobro pa šteje 2,5 sekunde ali manj. Na večini strani je ta element slika: pasica ali glavna fotografija izdelka. Zato se najprej posvetite njej. To eno datoteko naredite čim lažjo, ne da bi bila videti ceneno, in je ne označite za leno nalaganje, saj se mora začeti prenašati takoj.
Vse, kar je niže na strani, je obraten primer. Te slike označite z atributom loading z vrednostjo lazy in brskalnik jih prenese šele, ko se obiskovalec pomakne blizu.
Zasloni z visoko gostoto brez dodatne teže
Telefoni in številni prenosniki v vsako točko CSS stisnejo dve ali tri fizične slikovne točke, zato je slika, prikazana v širini 600, ostrejša, če je datoteka široka 1200. Pošiljati to večjo datoteko vsakemu obiskovalcu je potratno. Atribut srcset omogoča, da isto sliko ponudite v dveh ali treh širinah in izbiro prepustite brskalniku.
Komplet je tukaj hitro narejen: paket obdelajte enkrat pri vsaki širini in prenesite vsak ZIP. Če je stran že objavljena in polna težkih slik, optimizator spletne strani na tem mestu pregleda vaše strani in vrne vsako sliko kot WebP s seznamom zamenjav.
Pogosta vprašanja
Zakaj je velikost slike pomembna za spletno stran?
Slike so po navadi največji del skupne teže strani, kar neposredno vpliva na čas nalaganja.
Naj uporabim WebP za slike na spletni strani?
Da, za skoraj vse sodobne spletne strani dá manjše datoteke kot JPEG pri enaki kakovosti.
Na kakšno velikost naj spremenim slike?
Približno največjo širino, pri kateri bo slika dejansko prikazana na strani.
Ali manjša velikost slike res vpliva na uvrstitev v iskalnikih?
Hitrost strani je eden od mnogih dejavnikov uvrstitve, in slike so po navadi najlažje mesto za izboljšanje.
WebP ali AVIF za spletno stran?
Oba se prikažeta v vsakem sodobnem brskalniku. Datoteke AVIF so manjše, zlasti fotografije pri majhnih velikostih. WebP je varnejša izbira, kadar gredo slike še skozi druga orodja, na primer storitev za novičnike ali star vtičnik za CMS.
Ali naj bo tudi slika za predogled povezave v formatu WebP?
To pustite v formatu JPEG ali PNG. Sliko za predogled prenašajo družbena omrežja in aplikacije za klepet, nekateri njihovi pajki pa novejših formatov ne berejo.