Lyhyt vastaus: Optimoi kuvat verkkosivustolle lisäämällä ne tänne: sivulla on asetuksena WebP 80 prosentin laadulla ja enintään 1920 pikseliä, mikä yleensä pienentää puhelinkuvia 90 prosenttia tai enemmän ilman näkyvää laatueroa näytöllä. Vaihda JPG:hen, jos alustasi ei hyväksy WebP:tä. Mitään ei lähetetä palvelimelle.
Suuret kuvat ovat yleisin syy sivun hitaaseen latautumiseen. Pudota kansiollinen kuvia ja saat pieniä, verkkoon mitoitettuja WebP-tiedostoja, valmiina ladattaviksi sivustollesi, kauppaasi tai blogiisi.
Optimoi kuvat verkkoon at a glance
| Price | Ilmainen, ei rekisteröitymistä, ei vesileimaa, ei päivärajaa |
|---|---|
| Hyväksyy | JPG · PNG · WEBP |
| Suurin tiedosto | 50 Mt tiedostoa kohden, useita tiedostoja kerralla |
| Where it runs | Selaimessasi: tiedostoja ei koskaan lähetetä palvelimelle |
| Toimii | Mikä tahansa nykyaikainen selain iPhonessa, Androidissa, Windowsissa, Macissa ja Linuxissa |
| Lähetä tulos | Lataa se tai lähetä se ilmaiseksi linkillä tai sähköpostilla (enintään 20 GB) |
Optimoi kuvat verkkoon – näin se toimii
- Valitse sivusi, kauppasi tai blogikirjoituksesi kuvat.
- Pidä WebP, 80 prosenttia ja 1920 px tai valitse 1280 px pienempinä näytettäville kuville.
- Paina Optimoi kuvat.
- Lataa ne ZIP-tiedostona ja siirrä ne sivustollesi.
Miksi nämä asetukset
| Asetus | Miksi |
|---|---|
| WebP | Tyypillisesti 25–35 prosenttia JPG:tä pienempi samalla visuaalisella laadulla, ja jokainen nykyinen selain näyttää sen |
| Enintään 1920 px | Täysleveä Full HD -näytöillä; suurempi maksaa vain tavuja. Käytä 1280 px tekstipalstan kuville |
| 80 prosentin laatu | Erottamaton alkuperäisestä näytöllä useimmissa kuvissa |
Uudelleenkoodaus poistaa myös kameran metatiedot, kuten GPS-sijainnin, jota harvoin haluaa julkiselle verkkosivustolle.
Nopeammat sivut, paremmat sijoitukset
Sivun nopeus, ja erityisesti se, kuinka nopeasti suurin kuva ilmestyy (Largest Contentful Paint), on osa Googlen Core Web Vitals -mittareita. 4 Mt:n pääkuva voi viedä mobiilidatalla sekunteja; sama täällä optimoitu kuva on usein 150–300 kt. Tarjoa kuva siinä koossa, jossa se näytetään, ja anna sille width- ja height-attribuutit, jottei sivu hypi latautuessaan.
Milloin säilyttää JPG tai PNG
- Jotkin sähköpostityökalut, vanhemmat CMS-lisäosat ja kauppapaikat hylkäävät yhä WebP:n: valitse Tallenna muodossa -kohtaan JPG.
- Tasavärisinä logot ja kuvakkeet ovat usein pienempiä PNG:nä vähemmillä väreillä: käytä työkalua Pakkaa PNG tai SVG:tä, jos sinulla on sellainen.
- Safari ei osaa tallentaa WebP:tä; se käyttää varalla JPG:tä tai PNG:tä. Käytä WebP:hen Chromea, Edgeä tai Firefoxia.
Miten tämä vertautuu
| Tämä työkalu | Online converters (e.g. TinyPNG, iLoveIMG tai CloudConvert) | Työpöytäsovellukset (esim. Photoshop) | |
|---|---|---|---|
| Tiedostosi lähetetään palvelimelle | Ei | Kyllä, heidän palvelimilleen | Ei |
| Asennus tai tili | Ei mitään | Tili joitakin toimintoja varten | Install needed |
| Vesileima tai päivärajat | Ei mitään | Yleistä ilmaisissa paketeissa | Depends on the app |
Muiden palveluiden paketit muuttuvat; tarkista niiden sivustot. Lisää kuvatyökalut.
Usein kysytyt kysymykset
Mikä on paras kuvakoko verkkosivustolle?
Noin 1920 pikseliä leveä täysleveille kuville ja 1200–1280 pikseliä tekstipalstan sisällä oleville kuville, WebP- tai JPG-muodossa noin 80 prosentin laadulla.
Tukevatko kaikki selaimet WebP:tä?
Kyllä, kaikki nykyiset selaimet näyttävät WebP:n, myös Safari iPhonessa ja Macilla.
Kuinka paljon pienemmiksi kuvani muuttuvat?
Puhelinkuvat pienenevät usein useista megatavuista 150–400 kt:hen kukin. Tulos näyttää säästön jokaiselle tiedostolle.
Voinko optimoida kokonaisen kansion kerralla?
Kyllä. Valitse kaikki kuvat; ne käsitellään yksi toisensa jälkeen ja ladataan ZIP-tiedostona.
Lähetetäänkö kuvani palvelimelle?
Ei. Ne optimoidaan selaimessasi.
Pitääkö lähettää iso tiedosto?
Lähetä enintään 20 GB tiedostoja latauslinkillä tai sähköpostilla. Ilmainen, ei tiliä tarvita, alkuperäinen laatu.
Lähetä suuria tiedostoja ilmaiseksi