Exportera & optimera för webb

Rätt format, rätt storlek — snabba sidor.

4 minDesign & bilder
Illustration för lektionen Exportera & optimera för webb

Vad du bygger

Du exporterar en färdig design från Canva som är optimerad för webben. Slutresultatet blir en bildfil med rätt format och minimal filstorlek, vilket gör att din hemsida eller ditt nyhetsbrev laddar snabbt utan att bilden förlorar sin skärpa.

Innan du börjar

  • Ett konto på Canva med en design du vill spara ner.
  • Ett Canva Pro-konto om du vill kunna justera kvalitet och storlek direkt vid exporten.
  • En idé om var bilden ska användas, eftersom det avgör vilket format du bör välja.

Steg för steg

  1. Klicka på Dela – Hitta den vita knappen längst upp till höger på skärmen när du är helt klar med din design.
  2. Välj Ladda ner – Klicka på alternativet med en nedåtpil och texten Ladda ner i menyn som fälls ut.
  3. Välj rätt filtyp – Klicka på rullistan under rubriken Filtyp. Välj JPG för vanliga fotografier, eller PNG om bilden innehåller text, logotyper eller om du behöver en genomskinlig bakgrund.
  4. Justera storleken – Dra i reglaget för storlek om du behöver anpassa bildens mått för din hemsida. För de flesta vanliga webbsidor räcker ursprungsmåttet alldeles utmärkt.
  5. Dra ner kvaliteten något – Dra i kvalitetsreglaget och lägg det runt 80 procent. Detta är hemligheten som minskar filens vikt rejält på webben utan att det syns för blotta ögat.
  6. Starta nerladdningen – Klicka på den lila knappen Ladda ner längst ner i menyn för att spara den färdiga och trimmade bilden på din enhet.

Byggloftets tips

  • Vår maskot Bygge påminner om att hålla koll på filstorleken. Sikta på att webbbilder för hemsidan ska ligga under 200 KB för att dina besökare ska slippa vänta på att sidan laddar.
  • Om du sparar en logotyp, glöm inte att bocka i rutan för genomskinlig bakgrund innan du laddar ner, annars får du en vit fyrkant runt din logotyp på hemsidan.
  • Om du jobbar i farten går det precis lika bra att göra denna optimering i Canvas mobilapp, bilderna sparas då direkt i din telefons bildgalleri.

Vanliga fel

  • "Bilden ser suddig ut på nätet": Du har troligen dragit ner kvaliteten för mycket eller valt fel filformat. Prova att höja kvalitetsreglaget till 90 procent eller välj PNG om bilden innehåller mycket text.
  • "Logotypen har en vit bakgrund som inte går att få bort": Du har sparat bilden som en JPG-fil. Byt filformat till PNG och se till att rutan för genomskinlig bakgrund är ibockad innan du laddar ner på nytt.
  • "Hemsidan laddar fortfarande väldigt långsamt": Bilden är förmodligen för stor i pixlar. Testa att minska måtten på bilden i reglaget för storlek innan du exporterar den nästa gång.

Du är klar när…

Du har en sparad bildfil på din dator som ser skarp ut på skärmen samtidigt som filstorleken är liten nog att ladda direkt på webben.

Steg för steg i bild

Klicka på Dela – Hitta den
1. Klicka på Dela – Hitta den
Välj Ladda ner – Klicka på
2. Välj Ladda ner – Klicka på
Välj rätt filtyp – Klicka på rullistan under rubriken Filtyp
3. Välj rätt filtyp – Klicka på rullistan under rubriken Filtyp

Det finns en videoversion av den här lektionen för medlemmar. Texten ovan är komplett.