Bilder

Här lär du dig hur du kan jobba med bilder på din webbplats.

När du befinner dig på en webbsida och vill lägga in en bild, gör så här: 

  1. Klicka på plustecknet.
  2. Välj funktionen Bild. 
  3. Välj bild från bildbanken Ikon eller tidigare uppladdade bilder på din webbplats. Du kan filtrera listan på namn, del av beskrivningen av bilden, id-nummer eller ämnesområde. Bocka för den bild du vill använda. 

När du har bockat för en bild öppnas bildens inställningar: 

  • Dölj bildtext – om den inte ska visas på sidan.
  • Bildtext – behåll en skriven bildtext, eller skriv en egen. Det du skriver eller ändrar i det här läget visas inte på andra sidor där bilden också är, eller blir, publicerad. 
  • Länk – bilden blir klickbar om du länkar den till en annan sida. 
  • Länktext – om du länkat bilden någonstans behöver du lägga till en tydlig länktext. 
  • Förändra bilden – Klicka på knappen Förändra bilden för att komma åt att beskära, zooma eller lägga till/justera bildens alt-text. 

För att ladda upp en eller flera nya bilder, välj mellan att 

  1. klicka på Ladda upp bilder när du redigerar en sida och har klickat på plustecknet och valt funktionen Bild
  2. gå in på administrationens startsida och klicka på Bilder i vänstermenyn och därefter på Ladda upp ny bild.
  3. Välj vilken eller vilka bilder du vill ladda upp från din dator. För att ladda upp flera bilder vid ett tillfälle håller du ner ctrl-tangenten samtidigt som du markerar var och en av de bilder du vill ladda upp.
  4. Klicka på Öppna.

Formuläret som nu visas ser olika ut beroende på om du laddar upp en eller flera bilder. Om du laddar upp flera bilder får du först fylla i de uppgifter som är lika för alla. Därefter behöver du öppna var och en av bilderna för att komplettera informationen.  

  • Rubrik. Välj ett lämpligt namn. Rubriken visas inte för webbplatsens besökare. 
  • Bildtext.  
  • Alternativ text. Kallas ibland också för alt-text och består av en mening som beskriver bilden för den som inte kan se och därför använder skärmläsare. Avsluta alternativtexten med punkt.
  • Fotograf. Om du inte kan uppge fotografens namn får du inte publicera bilden. 
  • Copyright. Fyll i om det finns begränsningar för hur bilden får användas. 
  • Webbplats. Den webbplats du befinner dig på är förvald. 
  • Lokala ämnesområden och Gemensamma ämnesområden. Ett ämnesområde gör det lätt att hitta bilden i ett senare skede.  

Återanvänd bilder 

En uppladdad bild kan användas på flera olika sidor. Du kan beskära bilden olika och ändra i bildtext och alternativtext. 

En toppbild visas överst på en sida. Välj toppbild genom att klicka på bildsymbolen ovanför rubriken inne på sidan.

Kryssa i rutan med texten Förändra bilden för att fylla i alternativtext och för att eventuellt dra i ett reglage för att förstora eller förminska bilden. Om du förstorar bilden kan du sedan hålla ner höger musknapp och förflytta bilden till önskad placering inom bildrutan.

Till höger om reglaget visas bilden i tre olika format. Ungefär så kommer den att se ut för användaren, beroende på vilken storlek användaren har på sin skärm. De tre alternativen visar också hur bilden kommer att visas beroende på vilken layout du använder – artikelsida, ämnessida eller landningssida. Mitt i bilden under reglaget finns en gul liten piltavla. Den kan du förflytta till en plats på bilden som du vill ska synas i alla tre storleksalternativen. 

Bildtext visas aldrig till toppbilder. ​

Puffbilder 

Om du väljer att puffa för en sida inom svenskakyrkan.se-domänen, så är det sidans toppbild som syns som puffbild. Klicka på fliken Puff för att se hur toppbilden ser ut i olika puffstorlekar. Du kan anpassa hur bilden ser ut i olika puffstorlekar, men det går inte att säga säkert att det blir som i förhandsgranskningen. Använd aldrig collage eller bilder med text i. Utfallande motiv riskerar att beskäras så att delar av motivet hamnar utanför bilden. 

Läs mer om puffens funktion i lathunden Puffar.

Du kan skapa fristående bildspel som går att använda på flera ställen, eller bildspel som är kopplade till en specifik sida.

Läs lathunden om hur du skapar och infogar bildspel.

Till höger eller vänster om ett textblock på en webbsida kan du lägga in en liten bild.  

  1. Kicka på plustecknet till höger eller vänster om texten.  
  2. Välj Bild eller ladda upp en ny och fyll i information om den. I en mobil visas bilden inte vid sidan av textblocket, utan under det.

Rekommenderade bildstorlekar 

  • Liggande bilder, standardformat: 1920x1280 pixlar. Bilden är stor nog för att användas överallt på webbplatsen.
  • Liggande bilder med ett höjd/bredd-förhållande på 4:3: 1920x1440 pixlar. 
  • Stående bilder: 1280x1920. Tänk på att en stående bild tar stor plats på höjden, och kräver att användaren skrollar förbi den. Därför fungerar som regel liggande bilder bättre än stående. 
  • Personalbilder till personruta eller personallista: Bildförhållande 4:5, 1280x1600 pixlar.

Om du sparar dina bilder i rekommenderad storlek, kommer de att fungera överallt. Om du laddar upp en bild som är mindre än rekommenderad, blir den oskarp i vissa lägen.

Beroende på var bilden visas – till exempel som toppbild, stor bild, liten bild intill ett textblock eller som puffbild – beskärs den olika. Det sker automatiskt, men under rubriken Toppbilder, ovan, kan du läsa om hur du kan påverka beskärningen. 

Bilderna beskärs också olika beroende på användarens skärmstorlek.  

Bilder som kommer från Ikon har redan rätt bildstorlek. 

Bildstorlekar i appen kyrkguiden och platsadministrationen

Bilder på kyrkor som visas i appen Kyrkguiden hämtas från platsadministrationen. Bilder i appen visas alltid i kvadratiskt format. Om du använder en bild i storleken 1920x1280 pixlar, beskärs den på sidorna för att bli kvadratisk. Du kan undvika det genom att ladda upp en beskuren bild till platsadministrationen, med måtten 1280x1280 pixlar.

Olika slags bilder ska olika filformat. 

  • Jpeg: foton – digitala eller inskannade  
  • Png: bilder som föreställer grafiska element, till exempel diagram eller logotyper 
  • Gif: används sällan, men fungerar också för bilder som föreställer grafiska element, till exempel diagram eller logotyper. 

Bilder ska inte vara för tunga, eftersom det kan orsaka att det tar lång tid för användarens dator eller mobil att ladda sidan. Rekommenderad filstorlek på  

  • de flesta bilder: cirka 500 kB 
  • personalbilder: cirka 200 kB.  

Bilder som kommer från Ikon har redan rätt filstorlek. 

Ibland lockas vi att lägga in text i en bild. Gör inte det eftersom det skapar flera brister i tillgängligheten: 

  • Den som har en svår synnedsättning eller är blind kan låta en skärmläsare läsa upp innehållet på en webbsida. Om text i en bild ersätter vanlig text, kan personen gå miste om budskapet.  
  • Text som ligger i bild går inte att söka på.  
  • Storleken på texten i bilden anpassar sig inte efter vilken skärm en person använder. Därför kan den bli svårläst för mobilanvändaren.