Kuinka optimoida kuvia verkkoon? Selitämme tekstikuvalla ja videolla

kuvan muoto

Kuva kertoo enemmän kuin tuhat sanaa

On sanonta, että kuva kertoo yli tuhat sanaa, ja juuri siksi kuvat ovat niin tärkeitä verkkokaupassa. Ostaessasi tavaroita verkossa, asiakkaan on käytettävä kuvia kuvien avulla havaitaksesi tuotteen väri, laatu ja tuntea tuotteensa ilman, että sitä olisi edessä.

On tärkeää, että kuvat ovat teräviä ja korkearesoluutioisia, mutta myös tämäntyyppisissä kuvissa on usein suuret tiedostokoko, mikä saattaa vaarantaa verkkosivustosi käytön hitaasti. Asiakkaat, jotka eivät voi odottaa, poistuvat sivulta ja ajan myötä Google huomauttaa sen, mikä voi vaikuttaa hakukoneesi optimointiin (SEO).

Kun tallennat kuvaa verkkosivustoosi, on tärkeää löytää hyvä tasapaino kuvatiedoston koon ja kuvan laadun välillä. Tässä viestissä osoitamme sinulle kuinka tehdä juuri tämä.

Tämä opas on tarkoitettu sinulle, jolla on hidas verkkosivusto, jossa on paljon kuvia, sinulle, joka ei ole vielä aloittanut verkkosivustosi rakentamista, sinulle, jolla ei ole virallista tietoa tai tapaa tallentaa kuvia tiedostokoon suhteen, ja sinulle, joka yleensä ottaa tuotekuvan ja lataa se sitten suoraan verkkosivustolle.

Eri kuvatiedostojen vaihtoehdot
Verkon kannalta optimoitujen kuvien tallentamisessa keskitymme kolmeen tiedostotyyppiin. Nämä tiedostotyypit ovat JPG, PNG ja GIF. Eri tiedostotyypeillä on erilaiset vahvuudet ja heikkoudet, ja nämä tarkistetaan nyt, jotta voit valita tiedostotyypin, joka sopii verkkosivustollesi ja tarpeisiisi.

Työskentele JPG-tiedostojen kanssa
Suosituin verkkokuvien tiedostotyyppi on JPG, joka tunnetaan myös nimellä JPEG. Koska JPG: llä on erittäin suuri värivalikoima, tämä tiedostotyyppi sopii erinomaisesti valokuviin ja monimutkaisiin kuviin, jotka sisältävät monia värejä, kuvioita tai varjoja.

JPG-kuvia on myös mahdollista tallentaa erilaatuisina, mikä on erittäin joustava tiedostokoon ja -laadun suhteen olemassa olevan tarpeen perusteella.

Käytä verkkoyrityksille:
JPEG on verkkojen suosituin tiedostomuoto valokuviin, tuotekuviin ja verkkosivustojen bannereihin tai kuviin.

Työskentele PNG-tiedostojen kanssa
Toinen suosittu tiedostomuoto verkossa on PNG. Voit tallentaa PNG-tiedostot nimellä PNG-8 tai PNG-24 Adobe Photoshopissa.

  • PNG-8: lla on rajoitettu värivalikoima, joka koostuu 256 väristä, mikä antaa pienemmän kuvan koon. Siksi se ei sovi yhtä hyvin valokuviin tai monimutkaisiin kuviin.
  • PNG-24 tarjoaa laadukkaamman kuvan, mutta se tarkoittaa myös suurempaa tiedostokokoa.

Yksi suurimmista eroista JPEG: n ja PNG: n välillä on se, että PNG pystyy käsittelemään läpinäkyviä taustoja.

Käytä verkkoyrityksille:
Koska ne ovat korkealaatuisia ja pystyvät käsittelemään läpinäkyvyyttä, logoihin käytetään yleensä PNG: tä, koska ne edellyttävät melkein aina läpinäkyvyyttä. Haluat todennäköisesti logosi olevan korkealaatuista ja koska logo on usein vain pieni osa verkkosivustoa, tiedoston koko on silti pieni.

Työskentele GIF-tiedostojen kanssa
GIF-tiedostot eivät ole yhtä suosittuja kuin monta vuotta sitten. Mutta pienille kuvakokoille, joissa on vain muutama väri, se on silti hyödyllinen vaihtoehto. Älä käytä niitä tuotevalokuvissa, koska GIF-tiedostoilla on sama 256-värivalikoima kuin PNG-8.

Käytä verkkoyrityksille: GIF: ää voidaan käyttää logoihin, mutta se ei ole erityisen suosittu verkkokaupassa rajoitetun värivalikoiman vuoksi.

Tallenna kuva oikein
Tietysti suuren kuvan lataaminen vie kauemmin kuin pienen kuvan lataaminen. Suurella kuvalla tarkoitetaan sitä, että kuvatiedosto on suuri, eikä sitä, että sen mitat ovat suuret. Tiedoston koko määritetään arvoina, kuten KB, MB, GB ja niin edelleen. Verkkokäyttäjistä 47% odottaa verkkosivuston latautuvan alle 2 sekunnissa ja 40% poistuu sivulta, jos sen lataaminen kestää yli 3 sekuntia. Siksi on tärkeää, että kuviesi tiedostokoko on riittävän suuri, jotta verkkosivustosi on riittävän nopea.

Kuvien optimoimiseksi verkkosivustollesi voit tehdä muutamia asioita:

  • Tallenna kuva oikeassa mitassa
    Jos haluat nähdä kuvan kokoisena, joka se näkyy verkossa, kun lataat sen, avaa se Photoshopissa ja näytä se 100%: lla. Tämä auttaa sinua löytämään oikeat mitat kuvalle.
  • Tallenna kuva verkkoon
    Voit pienentää kuvan tiedostokokoa aiheuttamatta huomattavaa laadun heikkenemistä. Hyvä tapa tehdä tämä on käyttää Photoshopin "Tallenna verkkoon" -ominaisuutta. Voit tehdä tämän avaamalla kuvan Photoshopissa ja siirtymällä sitten Tiedosto> Vie> Tallenna verkkoon (vanha). Tämä avaa ikkunan, jossa voit valita vientilaadun. Laatu 60 on hyvä vaihtoehto, koska se ei heikennä merkittävästi laatua, mutta silti pienentää tiedostokokoa alle yhteen megatavuun (MB).

Säätää kuvan koko ilmaisella Fotosizer-ohjelmistolla

Wikipedian tiedot Bildistä

Kuvakuva voi viitata visuaaliseen taiteeseen - maalaamiseen, piirtämiseen ja grafiikkaan, ja nyt myös veistokseen Piirustus (taide) - visuaaliseen taiteeseen Valokuvaus - valokuvien tuotannon ja käsittelyn tiede Oikea kuva - optiikassa ja fysiikassa käytetty termi Virtuaali kuva - a optiikassa ja fysiikassa käytetty termi Digitaalinen kuva - digitaaliseen muotoon koodattu graafinen esine Kuva (matematiikka) - yhdistelmähoidossa vinoviivojen välinen korjaus Image (sanomalehti) - saksalainen päivälehti Images (musiikkialbumi) - Turid Lundqvistin musiikkialbumi Image journalismi - lomake journalismista, joka luo kuvia kertoa uutisesta Kuvaopetus Ruotsissa