Sådan optimeres billeder til internettet? Vi forklarer med tekstbillede og video

billedformat

Et billede siger mere end tusind ord

Der er et ordsprog, at et billede siger mere end tusind ord, og det er netop derfor, billeder er så vigtige i e-handel. Når man køber varer på nettet, skal kunden bruge billederne til at opfatte produktets farve, kvalitet og få en fornemmelse af produktet uden at have det foran sig.

Det er vigtigt, at billederne er skarpe og i høj opløsning, men denne type billede har ofte også store filstørrelser, hvilket risikerer at gøre dit websted langsomt at bruge. Kunder, der ikke kan vente, forlader siden og med tiden bemærker Google det, hvilket kan påvirke din søgemaskineoptimering (SEO).

Når du gemmer et billede til dit websted, er det vigtigt at finde en god balance mellem billedfilstørrelse og billedkvalitet. I dette indlæg viser vi dig, hvordan du gør netop det.

Denne guide er til dig, der har et langsomt websted med masser af billeder, til dig, der endnu ikke er begyndt at opbygge dit websted, til dig, der ikke har nogen officiel viden eller metode til at gemme billeder med hensyn til filstørrelse og for dig, der normalt tager et produktfoto, og upload det derefter direkte til webstedet.

Forskellige muligheder for billedfiler
Når det kommer til at gemme billeder, der er optimeret til internettet, vil vi fokusere på tre filtyper. Disse filtyper er JPG, PNG og GIF. De forskellige filtyper har forskellige styrker og svagheder, og disse vil nu blive gennemgået, så du kan vælge den filtype, der passer til dit websted og behov.

Arbejd med JPG-filer
Den mest populære filtype, der bruges til webbilleder, er JPG, også kendt som JPEG. Da JPG har en meget stor farvepalet at bruge, er denne filtype perfekt til fotografier og til komplekse billeder, der indeholder mange farver, mønstre eller skygger.

Det er også muligt at gemme JPG-billeder i forskellige kvaliteter, hvilket er meget fleksibelt baseret på behovet for den aktuelle filstørrelse og kvalitet.

Brug til webvirksomheder:
Som det mest populære filformat på nettet bruges JPEG til fotografier, produktbilleder og websides bannere eller billeder.

Arbejd med PNG-filer
Et andet populært filformat på nettet er PNG. Du kan gemme PNG-filer som PNG-8 eller PNG-24 i Adobe Photoshop.

  • PNG-8 har en begrænset farvepalet bestående af 256 farver, hvilket giver en mindre billedstørrelse. Det er derfor mindre velegnet til fotografier eller komplekse billeder.
  • PNG-24 giver et billede af højere kvalitet, men det betyder også en større filstørrelse.

En af de største forskelle mellem JPEG og PNG er, at PNG kan håndtere gennemsigtige baggrunde.

Brug til webvirksomheder:
Da de er af høj kvalitet og kan håndtere gennemsigtighed, bruges PNG normalt til logoer, da disse næsten altid kræver gennemsigtighed. Du ønsker sandsynligvis, at dit logo skal være af høj kvalitet, og da logoet ofte kun er en lille del af webstedet, er filstørrelsen stadig lille.

Arbejd med GIF-filer
GIF-filer er ikke så populære, som de var for mange år siden. Men for små billedstørrelser, der kun har få farver, er det stadig et nyttigt alternativ. Du bør ikke bruge dem til produktbilleder, da GIF'er har den samme farvefarve på 256 farver som PNG-8.

Brug til webvirksomheder: GIF kan bruges til logoer, men er ikke særlig populær at bruge i e-handel på grund af den begrænsede farvepalet.

Gem billedet korrekt
Selvfølgelig tager det længere tid at indlæse et stort billede end et lille billede. Med stort billede menes, at billedfilen er stor, ikke at dens dimensioner er store. Filstørrelsen er specificeret i værdier som KB, MB, GB og så videre. Blandt internetbrugere forventer 47%, at et websted indlæses på mindre end 2 sekunder, og 40% forlader siden, hvis det tager mere end 3 sekunder at indlæse det. Derfor er det vigtigt, at dine billeder har store nok filstørrelser til, at dit websted er hurtigt nok.

For at optimere dine billeder til dit websted er der et par ting, du kan gøre:

  • Gem billedet i den rigtige dimension
    For at se billedet i den størrelse, det vises på nettet, når du uploader det, skal du åbne det i Photoshop og vise det 100%. Dette hjælper dig med at finde de rigtige dimensioner til billedet.
  • Gem billedet til internettet
    Du kan reducere billedets filstørrelse uden at forårsage en større forringelse af kvaliteten. En god metode til at gøre dette er at bruge Photoshop's "Save for Web" -funktion. For at gøre dette skal du åbne dit billede i Photoshop og derefter gå til File> Export> Save to Web (old). Dette åbner et vindue, hvor du kan vælge din eksportkvalitet. En kvalitet på 60 er et godt alternativ, da det ikke reducerer kvaliteten markant, men stadig reducerer filstørrelsen til mindre end en megabyte (MB).

Justerer billedstørrelse med den gratis Fotosizer-software

Wikipedia information om Bild

Billedbillede kan henvise til: Visuel kunst - maleri, tegning og grafik, og nu også skulptur Tegning (kunst) - en visuel kunst Fotografi - videnskaben om produktion og behandling af fotografier Reelt billede - et udtryk brugt i optik og fysik Virtuel billede - en betegnelse brugt i optik og fysik Digitalt billede - et grafisk objekt kodet i digital form Billede (matematik) - i kombinatorik en sammenhæng mellem skæve diagrammer Billede (avis) - en tysk avis Billeder (musikalbum) - musikalbum af Turid Lundqvist Billedjournalistik - en form af journalistik, der skaber billeder til at fortælle en nyhed Billedundervisning i Sverige