• Hoppa till huvudinnehåll
  • Skip to header right navigation
  • Skip to site footer
WordPress Akuten

WordPress Akuten

Ta det lugnt - det ordnar sig

  • Bra verktyg
  • Tips
  • Felsökning
  • Tillägg i WordPress
  • Utveckling
  • Blogg
  • Bra att veta
    • Kontakta
      WP-akuten/KoBoToLo
    • Integritestpolicy
    • Cookie Policy (EU)
    • Pro bono
Boka ett möte
Ring
Sök
  • Bra verktyg
  • Tips
  • Felsökning
  • Tillägg i WordPress
  • Utveckling
  • Blogg
  • Bra att veta
    • Kontakta
      WP-akuten/KoBoToLo
    • Integritestpolicy
    • Cookie Policy (EU)
    • Pro bono

Mina bilder kapas (beskärs) – om bildstorlekar i WordPress

WordPress Akuten > Felsökning > Mina bilder kapas (beskärs) – om bildstorlekar i WordPress

Konsten att använda miniatyrer i WordPress

skrivet den 24 mars, 2017, uppdaterat den 20 januari, 2022 av Karin H Olsson

När du laddar upp en bild i WordPress så skapas flera bildstorlekar av din bild direkt och sparas i din mapp för uppladdade bilder på webbservern. På så sätt så finns bilderna tillgängliga när de behövs på olika delar av webbplatsen.

Innehåll

  • Storlekar på bilder
  • Bildstorlekar i WordPress i praktiken
    • Exempel 1 – rektangulär bild
    • Exempel 2 – kvadratisk bild
  • Varför skapas flera bildstorlekar och beskärs bilder?
    • Hur ser jag vilka bildstorlekar som används?
  • Andra problem med beskurna bilder

Storlekar på bilder

De bildstorlekar som finns i WordPress vanligtvis är:

  • Thumbnail (miniatyr), oftast 150 x 150 pixlar, beskärs till exakt den storleken.
  • Medium, oftast 300 x 300 pixar. Beskärs oftast bara i bredd.
  • Large, oftast 1024 x 1024 pixlar. Beskärs oftast bara i bredd.
  • Full, den storleken som bilden har när du laddar upp den

Förutom de storlekarna så kan ditt tema ha lagt till fler storlekar, eventuella bildspel eller andra tillägg kan också ha lagt till bildstorlekar. Det innebär att du kan ha ett tiotal varianter av samma bild. Det mesta jag sett var en klient som hade över 70 storlekar av varje bild. Men då hade hen också installerat många plugin.

Bildstorlekar i WordPress i praktiken

Vad innebär det här för mig som redaktör i WordPress när jag ska ladda upp en bild då? Jo, låt oss säga att du har en bild på 200 x 150 som du laddar upp, då finns det två varianter av den bilden. En som är i den storlek du laddade upp och en beskuren bild på 150 x 150.

Den första bilden är den bild jag laddade upp och den andra bilden är den beskurna varianten som skapas automatiskt. I det här fallet finns inte de andra storlekarna (medium och large) eftersom bilden är för liten för att det ska gå att skapa de storlekarna.

Exempel 1 – rektangulär bild

obeskuren bild
Obeskuren bild, full storlek
beskuren bild
Beskuren bild till miniatyr

Exempel 2 – kvadratisk bild

Här har jag laddat upp en bild som redan från början är kvadratisk och då skapas en miniatyr men den beskärs inte.

Full storlek
Full storlek, 426px
Miniatyr 150px
Den skapade miniatyren
 

Varför skapas flera bildstorlekar och beskärs bilder?

Bilderna beskärs i WordPress för att kunna kontrollera layouter. Oftast används miniatyren (thumbnail) på sidor som hämtar information från många olika inlägg. Om man på en sådan sida skulle visa bilderna så som de har laddats upp så skulle layouten förmodligen bli mycket rörig. Vi har ju laddat upp våra bilder i många olika storlekar och blandat porträtt- och landskapsformat.

En annan sak är att många laddar upp bilder i stort sett direkt från sin digitalkamera/mobil och dessa bilder är ofta jättestora. Kanske omkring 2000 x 3000 px. Om då bara en bild på 150px ska visas så blir det ineffektivt att skicka ut en så stor bild till besökarnas dator/mobil. Det tar resurser och slöar ner din hemsida. Google tycker också att man är en klant i analyser av sidan.

Om en bild ska användas som miniatyr så är det bästa att du laddar upp den i rätt storlek

Hur ser jag vilka bildstorlekar som används?

Du kan se vilka bildstorlekar som är inställda i ditt tema om du i WordPress-panelen går till Inställningar => Media

Media inställningar i WordPress
Media inställningar i WordPress

OBS! Om du ändrar inställningar här så kommer det att påverka framtida bilder, men inte de bilder du redan har laddat upp!

Om du vill veta vilken bildstorlek som används till exempel i ett bildspel så får du titta i inställningarna för det tillägget.

Andra problem med beskurna bilder

Som jag skrev innan så kan ditt tema ha satt upp bildstorlekar eller ett tillägg. Jag skrev också att bildstorlekarna skapas när du laddar upp en bild. Det här ledar till problem (kanske) om du byter tema eller tillägg, eller ändrar bildstorlekar.

Tänk dig följande scenario: Du har ett tema som använder miniatyrer på 150x150px och du har laddat upp bilder i flera år. Inga problem och allt fungerar finfint. Men nu byter du tema och det nya temat använder 200x150px som miniatyr.

Det är fortfarande inga problem utan allt ser bra ut. Eftersom inte den nya miniatyr-storken finns så använder din hemsida de tidigare skapade miniatyrena på 150x150px. Men nu laddar du upp en ny bild och då skapas en miniatyr på 200x150px för just den posten. Det kan se lite konstigt ut!

Det finns ett tillägg som kan lösa det här problem och skapa alla nya bildstorlekar du behöver om du byter tema https://wordpress.org/plugins/regenerate-thumbnails/.

Läs lite mer om bilder på Checklista när du laddar upp bilder till din hemsida

Karin H Olsson

Jag har en bakgrund som konstruktör inom realtidssystem, de system som finns inbyggda i bilar, flygplan mm. Sedan tio år är jag företagare.

Utbildad systemvetare med en master i psykologi och mitt intresseområde finns där människor och datorer möts. En dag förstår vi varandra 🙂

Läs mer => KoBoToLo – Om KoBoToLo en webbyrå i Karlskoga

Föregåendemäta hastighetSå här mäter du prestanda (laddningstid) på en WordPress sida
NästaGör din webbplats tillgänglig – tänk på dyslektiker och de med synproblemMänniskor på tågstation
guest
guest
0 Kommentarer
Inline Feedbacks
Se alla kommentarer

Sidebar

Ett ord på vägen

Vikten av förberedelser

“Give me six hours to chop down a tree and I will spend the first four sharpening the axe.”

Abraham Lincoln

Populärt

  • Hur gör man backup i WordPressHur gör man backup i WordPress
  • Mina bilder kapas (beskärs) – om bildstorlekar…Mina bilder kapas (beskärs) - om bildstorlekar i WordPress
  • Jag får ingen bild vid delning på FaceBook!Jag får ingen bild vid delning på FaceBook!
  • Min sida uppdaterar inte!Min sida uppdaterar inte!
  • Checklista kontaktformulärChecklista kontaktformulär

Se min lista på plugin

Rekommenderade plugin/tillägg till WordPress

Aftonbladet eller expressen? Det är inte alltid lätt att välja men här är mina favoritplugin. Som …

Ett ord på vägen

Till Alfons Åberg

Tänk på många saker men gör en i taget.
W Shakespeare

Populära tips

  • Länk till mailadressLänk till mailadress
  • Mina bilder kapas (beskärs) – om bildstorlekar…Mina bilder kapas (beskärs) - om bildstorlekar i WordPress
  • Länk till telefonnummerLänk till telefonnummer
  • Bädda in en video i WordPress från YoutubeBädda in en video i WordPress från Youtube
  • 5 olika sätt att ta bort kommentarer5 olika sätt att ta bort kommentarer

Att välja webbhotell

Vi använder Oderland som webbhotell

Läs mer om att välja webbhotell

 

Problemfri hemsida?

Att underhålla en webbplats innebär mer än att skriva nytt material. WordPress är en programvara och den behöver tas om hand på samma sätt som du uppdatera din dator eller din telefon. Redan när du startar din webbplats bör du göra en underhållsplan och avsätta tid till den.

Vill du sluta oroa dig för problem med tekniken.

Ladda ner min underhållsplan/checklista och sluta oroa dig


Du hittar mig i Värmland bland skogar, vargar och sjöar
Tel: 070 – 49 34 191

Mail: info@kobotolo.se

Vill du istället att vi kontaktar dig så skicka ett mail så ringer vi upp. Du kan också fylla i vårt kontaktformulär:


Be mig kontakta dig


Maila mig



Onsdagar 9.00 till 10.00 är vår stående hjälptimme. Då ger vi tips och råd per telefon till kunder och icke-kunder. Ingen fråga är fel!

Copyright © 2023 · WordPress Akuten · All Rights Reserved

WordPress Akuten
Hantera cookies
Cookies är små textfiler som kan användas av webbplatser för att göra en användares upplevelse mer effektiv.

Lagen säger att vi får lagra cookies på din enhet om de är absolut nödvändiga för att kunna använda den här webbplatsen. För alla andra ändamål krävs ditt medgivande.

Denna webbplats använder olika typer av cookies. Vissa cookies placeras ut av tredjepartstjänster som visas på våra sidor.
Funktionella Always active
Cookies är små textfiler som kan användas av webbplatser för att göra en användares upplevelse mer effektiv. Lagen säger att vi får lagra cookies på din enhet om de är absolut nödvändiga för att kunna använda den här webbplatsen. För alla andra ändamål krävs ditt medgivande. Denna webbplats använder olika typer av cookies. Vissa cookies placeras ut av tredjepartstjänster som visas på våra sidor.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistik
Cookies för statistik hjälper en webbplatsägare att förstå hur besökare interagerar med webbplatser genom att samla och rapportera in information anonymt. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marknadsföring
Cookies för marknadsföring används för att spåra besökare på webbplatser. Avsikten är att visa annonser som är relevanta och engagerande för enskilda användare, och därmed mer värdefull för utgivare och tredjepartsannonsörer.
Manage options Manage services Manage vendors Read more about these purposes
Hantera inställningar
{title} {title} {title}