Log ind
Start en gratis prøveperiode

Uploade billeder

Du kan bruge forskellige typer af billeder, som f.eks. billeder af firmalogo, produktbilleder, diasshows, bannere og billeder i blogopslag. Du kan også transformere dine billeder med handlinger til beskæring og tilpasning af størrelse, og du kan tilpasse dine medieindstillinger i dit tema for at ændre kanten eller skyggen på alle medier, der vises i din butik.

Hvis du vil vise billeder i din webshop, præcis som du vil have dem til, skal du bruge det korrekte højde-bredde-forhold til billeder. Billeder optimeres automatisk til dit butikslayout med Shopify Content Delivery Network (CDN).

På denne side

Upload et billede i temaeditoren

Du kan føje tilleder til dit tema i temaeditoren. Du kan også uploade billeder i afsnittet Indhold > Filer i Shopify-administratoren. Få mere at vide under Upload og administration af filer.

Fremgangsmåde:

Desktop
  1. Gå til Webshop > Temaer i din Shopify-administrator.
  2. Klik Tilpas på det tema, du vil uploade et billede til.
  3. Valgfrit: Hvis du vil føje et billede til en anden side end startsiden, skal du klikke på rullemenuen Startside og derefter vælge den skabelon, som du vil ændre.
  4. Klik på det afsnit eller den blok, du vil føje et billede til, i sidebjælken i temaeditoren.
  5. I feltet Billede skal du gøre et af følgende:
    • Hvis du vil uploade et billede fra din computer, skal du udføre disse trin:
      1. Klik på Vælg billede > Tilføj billeder.
      2. Find og åbn billedet på din computer.
      3. Klik på Udført.

- Hvis du vil bruge et gratis stockbillede fra Burst, skal du udføre følgende trin: 1. Klik på Udforsk gratis billeder. 2. Find et billede, du vil bruge. 3. Klik på Vælg.

  1. Klik på Gem.
iPhone

  1. Tryk på knappen … i Shopify-appen.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

  4. Tryk på Tilpas på det tema, du vil uploade et billede til.

  5. Valgfrit: Hvis du vil føje et billede til en anden side end startsiden, skal du trykke på rullemenuen Startside og derefter vælge den skabelon, som du vil ændre.

  6. Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil føje et billede til.

  7. I feltet Billede skal du gøre et af følgende:

    • Hvis du vil uploade et billede fra din enhed, skal du gennemføre disse trin:
      1. Tryk Vælg billede > Tilføj billeder.
      2. Find og åbn billedet på din enhed.
      3. Tryk på Udført.

- Hvis du vil bruge et gratis stockbillede fra Burst, skal du udføre følgende trin: 1. Tryk på Udforsk gratis billeder. 2. Find et billede, du vil bruge. 3. Tryk på Udført.

  1. Tryk på Gem.
Android

  1. Tryk på knappen ☰ i Shopify-appen.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

  4. Tryk på Tilpas på det tema, du vil uploade et billede til.

  5. Valgfrit: Hvis du vil føje et billede til en anden side end startsiden, skal du trykke på rullemenuen Startside og derefter vælge den skabelon, som du vil ændre.

  6. Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil føje et billede til.

  7. I feltet Billede skal du gøre et af følgende:

    • Hvis du vil uploade et billede fra din enhed, skal du gennemføre disse trin:
      1. Tryk Vælg billede > Tilføj billeder.
      2. Find og åbn billedet på din enhed.
      3. Tryk på Udført.

- Hvis du vil bruge et gratis stockbillede fra Burst, skal du udføre følgende trin: 1. Tryk på Udforsk gratis billeder. 2. Find et billede, du vil bruge. 3. Tryk på Udført.

  1. Tryk på ✓.

Tilføjelse af billeder ved hjælp af metafelter

Hvis du har opsat metafelter for dine billeder, kan du tilføje et billede til din webshop ved hjælp af vælgeren til dynamiske kilder. Få mere at vide om metafelter og understøttede billedformater under Tilføjelse af værdier til metafelter.

Angivelse af et fokuspunkt på et billede

Du kan bruge fokuspunkter til at definere den vigtigste del af et billede på din webshop. Når du angiver et fokuspunkt på et billede, gør du det til fokusområdet. Fokuspunkter vises altid i rammen – også selvom du har et tema, der beskærer dit billede, så det passer til layoutet. Fokuspunkter giver dig større kontrol over, hvordan dit billede vises i forskellige skærmstørrelser og i tilfælde, hvor temaer bruger forskellige højde-bredde-forhold.

Du kan have ét fokuspunkt pr. billede, men du kan til enhver tid ændre eller fjerne fokuspunktet.

Fokuspunkters kompatibilitet med gratis Shopify-temaer

Du kan indstille fokuspunkter med følgende versioner af Shopifys gratis temaer:

  • Colorblock version 3.0.0 og nyere
  • Craft version 5.0.0 og nyere
  • Crave version 5.0.0 og nyere
  • Dawn version 7.0.0 og nyere
  • Origin version 1.0.0 og nyere
  • Publisher version 1.0.0 og nyere
  • Refresh version 2.0.0 og nyere
  • Ride version 3.0.0 og nyere
  • Rise version 1.0.0 og nyere
  • Sense version 5.0.0 og nyere
  • Spotlight version 0.0.1 og nyere
  • Studio version 4.0.0 og nyere
  • Taste version 4.0.0 og nyere
  • Trade version 1.0.0 og nyere

Hvis du bruger et tema fra tredjepart, kan du tjekke temaets dokumentation for at finde ud af, om det understøtter brugen af fokuspunkter.

Tilføj et fokuspunkt på et billede

Hvis du føjer et fokuspunkt til et billede og derefter bruger billedet flere steder i din webshop, gælder det samme fokuspunkt, uanset hvor du bruger billedet.

Afhængigt af den måde, dit tema beskærer og ændrer størrelsen på billeder, vil fokuspunktet muligvis ikke altid være visuelt centreret.

Fremgangsmåde:

  1. Klik på et billede fra en af følgende lokationer i Shopify-administratoren:

    • I afsnittet Indhold > Filer.
    • I temaeditoren.
    • I afsnittet Medier for dine produktopslag i afsnittet Produkter.
    • I Shopify Email-editoren.
    • I afsnittet Metafelter for enhver ressource, der har et metafelt af typen Filreference til tilføjelse af et billede.

  2. Hvis du vil vælge den del af billedet, hvor du vil angive et fokuspunkt, skal du enten klikke på billedet eller trække den blå prik.

  3. Klik på Gem.

Fjern et fokuspunkt fra et billede

Fremgangsmåde:

  1. Klik på et billede fra en af følgende lokationer i Shopify-administratoren:

    • I afsnittet Indhold > Filer.
    • I temaeditoren.
    • I afsnittet Medier for dine produktopslag i afsnittet Produkter.
    • I Shopify Email-editoren.
    • I afsnittet Metafelter for enhver ressource, der har et metafelt af typen Filreference til tilføjelse af et billede.

  2. Klik på Fjern.

  3. Klik på Gem som ny.

Billedformater

Følgende billedformater understøttes:

  • JPEG
  • Progressiv JPEG
  • PNG
  • GIF
  • HEIC
  • WebP
  • AVIF

Sådan bruger du JPEG-billeder

JPEG-billeder er ideelle til fotografier og andre stillbilleder med komplekse farver. JPEG-formatet har en palet med millioner af farver. Derudover har JPEG datareduktion, hvilket kan hjælpe med at opretholde hurtigere indlæsning af side uden et nævneværdigt tab i billedkvalitet. Brug JPEG-formatet til følgende slags billeder:

  • produkter
  • bannere eller diasshows
  • sider og blogopslag

Brug af PNG-billeder

PNG-billeder er ideelle til grafik og ikoner med faste farver og uden gradueringer. PNG-formatet understøtter også gennemsigtighed i billeder. Brug PNG-formatet til følende slags billeder:

  • logoer
  • ikoner
  • kanter og beskæringer

Automatisk billedkomprimering og valg af format

For at opretholde hurtige indlæsningstider, komprimerer Shopify automatisk billeder, når de vises i din webshop. At komprimere et billede betyder at reducere filstørrelsen for at give mulighed for hurtigere indlæsning af sider.

Shopify bestemmer desuden automatisk det bedst mulige filformat, når vi leverer dine billeder. Hvis vi f.eks. registrerer, at en kundes webbrowser understøtter moderne billedformater såsom WebP og billedfilformatet AV1 (AVIF), bliver dine billeder leveret i disse formater.

GIF'er konverteres automatisk til det animerede webP-format for at forbedre effektiviteten ved at reducere filstørrelsen.

Grænser for upload af billeder

Uploads af billeder til Shopify har begrænsninger med hensyn til både megapixels og filstørrelse, hvilket måles i megabytes. Megapixels bruges til at indikere, hvor mange millioner af pixels, der udgør et billede. Megabytes bruges til at indikere, hvor mange millioner af bytes hukommelse eller diskplads, et billede optager.

Billeder, der er uploadet til Shopify, må ikke overstige følgende begrænsninger:

  • 20 megapixels
  • 20 megabytes

Du kan finde dit billedes megapixel-værdi ved at bruge følgende ligning:

(pixel width x pixel height)/1,000,000

Et billede med en opløsning på 4900 px gange 6930 px er f.eks. 33,9 megapixels baseret på ligningen: (4900x6930)/1,000,000 = 33.9 MP.

Billedfarveprofiler

Når du ser et billede i din webshop, kan billedets farver se anderledes ud end på det oprindelige billede, du har uploadet til Shopify. Dette kan forekomme, når et billede har en farveprofil, som er et sæt af data lagret i en fil med filnavnet .ICC eller .ICM.

Farveprofiler er ofte integreret i billeder for at hjælpe med at standardisere den måde, hvorpå farverne vises på forskellige enheder. Når billeder vises i din webshop, fjernes deres farveprofiler.

Farveprofiler fjernes af følgende årsager:

  • Ikke alle enheder er i stand til at læse .ICC- eller .ICM-farveprofiler, så at bevare dem intakt kan medføre uoverensstemmelser i billedets farver på tværs af enheder.
  • Når et uploadet billede ikke indeholder en farveprofil, forudsætter webbrowseren sRGB, hvilket er den mest almindelige farveprofil, der anvendes til at vise billeder på internettet. Dette sikrer, at dit billede ser ens ud på tværs af alle større webbrowsere og enheder.
  • Farveprofiler kan optage store mængder af diskplads, hvilket kan medføre længere indlæsningstider.

Fjern farveprofilen fra et billede

Du kan fjerne farveprofilen fra dit billede ved at gemme billedet uden farveprofilen, før du uploader det til Shopify. Denne proces varierer, afhængigt af dit billedredigeringsprogram.

Se Adobe-dokumentationen, om hvordan du tildeler eller fjerner en farveprofil (Illustrator, Photoshop) og tildeling eller fjernelse af en farveprofil (InDesign).

Bedste fremgangsmåder for diasshows, billedbannere og billeder i fuld bredde

Mange Shopify-temaer indeholder store billeder eller diasshows, der skaleres efter højden på din browser eller tilpasses størrelsen på din skærm.

Hvis du bruger ét af disse temaer, eller hvis du har et stort diasshow eller baggrundsbillede, er det vigtigt at forstå, hvilke typer billeder, der ser bedst ud.

Da store billeder ikke kan tilpasses til alle enheder, viser Shopify nogle gange kun dele af billedet, afhængigt af den enhed, du bruger. Hvis dit diasshow indeholder mange store billeder, oplever du muligvis, at dele af billederne ikke er synlige.

Overvejelser i forbindelse med brug af billeder til diasshows eller billedbannere

Husk følgende for at sikre, at dine billeder fungerer godt sammen med dit tema:

  • Billeder, du bruger til diasshows eller som baggrund, bør ikke indeholde tekst. Hvis teksten er en del af selve billedet, bliver teksten muligvis flyttet rundt, beskåret eller justeret baseret på dit tema. Brug temaeditoren til at tilføje tekst og links til dine diasshows og baggrunde.

  • For billeder, som du bruger i diasshows eller som baggrund, skal du vælge simple billeder, så eventuel overliggende tekst er nem at læse.

Brede billeder på høje skærme

Brede billeder beskæres muligvis i venstre og højre side, når den enhed, der bruges til at vise dem, har en høj skærm, f.eks. en mobil eller en tablet i portrættilstand. Hvis personer er den vigtigste del af billedet i eksemplet nedenfor, kan du anbringe et fokuspunkt i højre side af billedet.

Brede billeder på høje skærme

Høje billeder på brede skærme

Høje billeder beskæres muligvis øverst og nederst, når den enhed, der bruges til at vise dem, har en bred skærm, f.eks. en bærbar computer eller skærmen på en stationær computer. Hvis skoene er den vigtigste del af billedet i eksemplet nedenfor, kan du anbringe et fokuspunkt i nederst på billedet.

Høje billeder på brede skærme

Kan du ikke finde de svar, du leder efter? Vi er her for at hjælpe.