Kuvien pakkaustyökalu
WebP, AVIF, JPEG ja PNG suoraan selaimessasi pakattuina.
Pudota kuvat työkaluun ja pienennä niiden kokoa. Kaikki tapahtuu paikallisesti selaimessasi: ei tiedostojen lähetystä, ei jonoja eikä tiliä. Vertaa tulosta rinnakkain ennen lataamista.
Mitä työkalu tarkistaa
- AVIF-, WebP-, JPEG- ja PNG-muodot
- Laadun rinnakkaisvertailu
- Toimii paikallisesti, joten tiedostot eivät poistu selaimestasi
- Pakkaa jopa 50 kuvaa kerralla
Mitä kukin luku kertoo.
Raportti, jota ei osaa tulkita, on vain monisanaisempi tapa kertoa jonkin olevan vialla.
Koko ennen ja jälkeen
Säästetty tiedonsiirron määrä. Tuotesivulla, jolla kuvat vievät 60-75 prosenttia sivun tiedostokoosta, tämä tuo yleensä suurimman yksittäisen hyödyn.
Kuvaformaatti
AVIF on yleensä 20-30 prosenttia pienempi kuin WebP vastaavalla laadulla, ja WebP on selvästi JPEGiä edellä. Molemmilla on nykyään laaja selainkattavuus.
Rinnakkaisvertailu
Arvioi pakkausta omilla valokuvillasi siinä koossa, jossa ne todellisuudessa näkyvät. Tuotteen yksityiskohdat, kuten kankaan kude, ompeleet ja pinta, kärsivät ensimmäisenä.
Laatuasetus
Yhtä yleispätevää arvoa ei ole. Kangas ja hienot tekstuurit vaativat enemmän tarkkuutta, kun taas tasaiset väripinnat ja grafiikat pärjäävät paljon vähemmällä.
Vaikutusmekanismi latteuksien sijaan.
- 01
Kuvat muodostavat valtaosan sivun koosta
Tyypillisellä Shopifyn tuotesivulla suurin osa siirrettävästä datasta on kuvia. Mikään muu muutos ei vaikuta tiedostokokoon yhtä voimakkaasti.
- 02
Tiedostokoko tuntuu mobiilissa
Hitaalla yhteydellä 2,4 megatavun ja 300 kilotavun pääkuvan ero ratkaisee, odottaako asiakas vai poistuuko hän sivulta.
- 03
Kertaluonteinen työ, jolla on pysyvä vaikutus
Toisin kuin suurin osa nopeusoptimoinnista, nykyisen kuvakirjaston pakkaaminen on kertaluonteinen tehtävä, jonka hyödyt säilyvät jatkuvasti.
Mitä yleensä löytyy ja miten se korjataan.
Neljä ongelmaa, jotka selittävät valtaosan siitä, mitä tämä työkalu Shopify-kaupassa raportoi.
Havainto
Suoraan kamerasta ladatut täyden resoluution tiedostot
Mistä se johtuu
Kuvia ei ole skaalattu kuvaajan ja verkkokaupan välillä.
Korjaus
Rajaa alkuperäinen kuva enintään kaksinkertaiseksi suurimpaan esitettävään leveyteen, mikä riittää tarkimmillekin näytöille, ja anna CDN-verkon hoitaa loput.
Havainto
JPEG-kuvien tarjoaminen AVIF-muotoa tukeville selaimille
Mistä se johtuu
Kuvaformaattien automaattista valintaa ei ole otettu käyttöön.
Korjaus
Käytä moderneja formaatteja ja pidä JPEG varalla. Shopifyn CDN hoitaa muodon valinnan automaattisesti.
Havainto
Pääkuvan laiska lataaminen (lazy loading)
Mistä se johtuu
Sivun jokaiselle kuvalle on sovellettu samaa yleistä sääntöä laiskasta latauksesta.
Korjaus
Älä koskaan lataa sivun yläosan suurinta kuvaa laiskasti. Se on yleensä LCP-elementtisi, ja sen viivästyttäminen heikentää tulosta suoraan.
Havainto
Valmiiksi pakatun tiedoston pakkaaminen uudelleen
Mistä se johtuu
Heikkolaatuisena tallennettu JPEG koodataan uudelleen.
Korjaus
Aloita alkuperäisestä kuvasta, jos se on tallessa. Toistuva uudelleenkoodaus vain lisää kuvan virheitä.
Mitä tämä ei kerro.
Jokaisella työkalulla on rajansa. Kun tiedät ne, et tee tuloksista vääriä johtopäätöksiä.
- Pakkaus tapahtuu selaimessasi eikä tiedostoja lähetetä minnekään, mutta se tarkoittaa myös, että erittäin suurten kuvamäärien käsittely riippuu oman laitteesi tehosta.
- Työkalu ei voi palauttaa jo menetettyjä yksityiskohtia. Jos alkuperäinen kuva on tallennettu huonolla laadulla, se asettaa laadulle ylärajan.
Lisää ilmaisia työkaluja.
Kaikki työkalut- Ilmainen Shopify SEO -auditointiPisteytä mikä tahansa Shopify-kauppa noin 30 sekunnissa.
- Metatietojen tarkistinTarkista sivun otsikot ja kuvaukset sellaisina kuin Google ne näyttää.
- Alt-tekstien tarkistusLöydä sivun kaikki kuvat, joita ruudunlukuohjelma ei pysty kuvailemaan.
- Schema-validaattoriTarkista JSON-LD Googlen todellisia vaatimuksia vasten.
Ota jatkuva tarkistus käyttöön.
Asenna ShopSEO ilmaiseksi, tee ensimmäinen tarkastus alle minuutissa ja peruuta kaikki muutokset, joista et pidä. Ei luottokorttia, ei teeman muokkauksia, ei sitoutumista.