Att välja rätt bildstorlek är avgörande för att upprätthålla en visuellt tilltalande och snabbladdande webbplats. Att använda bilder med rätt storlek säkerställer att ditt innehåll ser skarpt ut på alla enheter samtidigt som det förbättrar sidans prestanda.
Den här guiden beskriver de rekommenderade bildstorlekarna för olika avsnitt i Pixpa, vilket hjälper dig att ladda upp bilder som passar perfekt utan distorsion eller onödig skalning. Genom att följa dessa riktlinjer kan du uppnå enhetliga layouter och ge dina besökare en bättre visningsupplevelse.
Pixpa skalar automatiskt bilder för att säkerställa optimal visning och prestanda samtidigt som det ursprungliga bildförhållandet bibehålls.
- Bilderna ändras i storlek för att passa inom en maximal avgränsningsram på 2560 × 3840 px
- Varken bredd eller höjd kommer att överskrida dessa gränser
- En dimension kan vara mindre beroende på bildens orientering
Så här fungerar skalning:
- Bilderna skalas ner tills båda villkoren är uppfyllda:
- Bredden är mindre än eller lika med 2560 pixlar
- Höjden är mindre än eller lika med 3840 pixlar
Rekommenderade storlekar:
- Använd bilder upp till 2560 px breda för liggande format
- Använd bilder upp till 3840 px höga för stående format
I den här artikeln:
- Idealisk bildstorlek för webbplatsgallerier
- Idealisk bildstorlek för banner
- Idealisk bildstorlek för utvalda bilder
- Idealisk bildstorlek för produktbilden
- Ideal bildstorlek för blogginläggsbilden
- Bildstorlekar i utdrag från sidbyggaren
- Bildstorlekar i listobjekt i sidbyggaren
- Idealisk bildstorlek för kundgallerier
- Ideal bildstorlek för Galleri-appar
- Idealisk storlek för gifs
- Bildkvalitet och komprimering
- Bildens färgprofil
- Bildstorlek för webbplatsbilder
- Bildskärpa
- Massbildsbehandling
Idealisk bildstorlek för webbplatsgallerier
Vi rekommenderar att du laddar upp bilder av 100 % hög kvalitet (upp till 50 MB styck) i gallerierna . Vi ändrar storlek på bilderna och levererar den bästa storleken automatiskt beroende på enhet och upplösning för att webbplatsen ska laddas snabbare.
De bildfilformat som stöds på webbplatsen är JPG, JPEG, PNG och GIF.
Vi sparar inte dina originalbilder i webbplatssektionen. Pixpa optimerar automatiskt dina bilder så att de får plats inom en maximal storlek på 2560 pixlar i bredd och 3840 pixlar i höjd samtidigt som det ursprungliga bildförhållandet bibehålls. Om du laddar upp större bilder skalas de ned i enlighet därmed så att varken bredden överstiger 2560 pixlar eller höjden överstiger 3840 pixlar.
Bilder optimeras automatiskt för att passa inom en maximal storlek på 2560 pixlar i bredd och 3840 pixlar i höjd samtidigt som deras ursprungliga bildförhållande bibehålls. När det gäller gallerirutnätslayouter genereras webbplatsbilder automatiskt baserat på den rutnätslayout du väljer.
För optimal prestanda är det maximala antalet bilder som tillåts per webbplatsgalleri/sidgalleri 500. Om du har fler bilder att visa upp kan du överväga att skapa flera gallerier.
Idealisk bildstorlek för banner
En bannerbild eller omslagsbild ger din sida en extra touch. Du kan lägga till bannern högst upp eller längst ner på sidan.
Den ideala storleken på en bannerbild är 2000 pixlar x 2000 pixlar.
Bildfilformat som stöds för bannern är JPG, JPEG, PNG och GIF.
Idealisk bildstorlek för utvalda bilder
En sidas utvalda bild används för social delning och kommer även att användas om sidan läggs till i en mapp. Vi rekommenderar att du laddar upp en högupplöst bild av 100 % kvalitet som miniatyrbild.
Filformat som stöds för utvalda bilder är JPG, JPEG och GIF.
Det finns ingen rekommenderad bildstorlek för utvalda bilder. Systemet kommer automatiskt att ändra storlek på bilden när du laddar upp densamma.
Idealisk bildstorlek för produktbilden
Du kan lägga till upp till 200 produktbilder för att visa upp dina produkter i butiken.
Bildfilformat som stöds är JPG, JPEG och PNG.
Den ideala produktens bildstorlek är cirka 1000 pixlar x 1000 pixlar.
Idealisk bildstorlek för blogginläggsbild
Vi rekommenderar att du laddar upp bilder med 100 % hög upplösning. Stödda bildfilformat för webbplatser är JPG, JPEG, PNG och GIF.
Vi sparar inte dina originalbilder i blogginläggen.
Den ideala storleken för en blogginläggsbild är 1200 pixlar . Om du laddar upp bilder i större storlek minskar vi deras bredd till 1200 pixlar.
För optimal prestanda är det maximala antalet bilder som tillåts per blogginläggsgalleri 500.
Bildstorlekar i utdrag från sidbyggaren
Vi har olika bildbaserade innehållssnuttar i dra-och-släpp- sidbyggaren . Ideala storlekar skulle vara som nedan.
Stora bilder kommer automatiskt att förminskas till följande storlekar, så du behöver inte beskära dina bilder som sådana. Filformat som stöds är JPG, JPEG och PNG.
- Blockera bakgrundsbilder – Använd 2560px bredd
- Enkelt bildutdrag – Använd 2560px bredd
- 2 kolumn Bildutdrag – Använd 1200px bredd
- 3 kolumn Bildutdrag – Använd 750px bredd
- 4 kolumn Bildutdrag – Använd 500px bredd
Den maximala bildhöjden som stöds är 3840 pixlar . Om du laddar upp bilder som är större än de dimensioner som stöds, kommer de automatiskt att skalas ner samtidigt som det ursprungliga bildförhållandet bibehålls.
Bildstorlekar i listobjekt i sidbyggaren
I sidbyggaren har vi dynamiska listobjekt som bildlistor och omdömen där du laddar upp bilderna.
I sådana avsnitt kommer bildstorlekarna att bero på antalet kolumner du lägger till.
- Enstaka bildlista – Använd 2560px bredd
- 2 kolumn bildlista – Använd 1200px bredd
- 3 kolumn bildlista – Använd 750px bredd
- 4 kolumner och mindre bildlistor – Använd 500px bredd
Den maximala bildfilstorleken som stöds är 20 MB.
Idealisk bildstorlek för kundgallerier
När det gäller kundgallerier sparar vi dina originalfiler.
Grundplanen har 3 GB, Creator-planen har 5 GB, Professional-planen har 25 GB och den avancerade planen har 100 GB utrymme för att spara dina originalfiler (för onlineleverans).
Om du behöver mer utrymme kan du applicera Client-Galleries-tillägg till webbplatsplanen.
Du kommer att ha möjlighet att välja mellan 20 GB upp till obegränsat molnlagringsutrymme för dina originalbilder enligt dina krav.
Se även: Vad menas med utrymme för originalfiler?
Vi rekommenderar att du laddar upp högupplösta originalbilder av 100 % kvalitet (upp till 100 MB styck). Vi rör inte dina originalfiler, vilka levereras direkt till kunden via en säker länk när beställningen är slutförd. Se hur du säljer dina bilder.
Vi skapar flera versioner i webbstorlek med hjälp av originalbilden som kommer att användas för att visa upp originalfiler på din webbplats. Systemet skulle också tillämpa komprimeringsinställningar på dina bilder i webbstorlek som skapas från dina originalfiler.
För optimal prestanda är det maximala antalet bilder som tillåts per klientgalleri i ett album 1000. Om du har fler bilder att visa upp kan du överväga att skapa flera gallerier.
För digitalt nedladdningsbara bilder under klientgallerier erbjuder Pixpa följande tre upplösningsalternativ förutom nedladdning av bilder i originalstorlek :
-
Stor : 2560px
-
Medium : 1200px
-
Liten : 600px
Ideal bildstorlek för Galleri-appar
Med Galleriappar kan du skapa personliga mobila galleriappar för dina kunder som de kan installera på sina mobiler.
För mobilgallerierna, eftersom mindre bilder räcker, är den rekommenderade bildstorleken 640 pixlar i bredd.
Idealisk storlek för gifs
Om du lägger till gif-filer i Pixpa-studion, bör gif-filen vara mindre än 2560px både i bredd och höjd.
Även antalet bildrutor i GIF-filen bör vara mindre än eller lika med 60.
Bildkvalitet och komprimering
Bildkomprimering hjälper till att hitta rätt balans mellan bildkvalitet och filstorlek, vilket påverkar din webbplats laddningshastighet. Det ideala komprimeringsvärdet är 75 % (hög kvalitet). Eventuella ändringar av detta värde tillämpas på de bilder som laddas upp efter att ändringen gjorts.
Vi rekommenderar att du laddar upp JPEG-bilder med 100 % kvalitet eftersom vi använder standardkomprimeringen på 75 % för alla dina uppladdade webbplatsbilder. Du kan dock enkelt hantera bildkomprimeringen från inställningssidan . Ett högre värde ökar bildstorleken och ger bättre kvalitet. Ett lägre värde gör att din webbplats laddas snabbare eftersom filstorlekarna är mindre.
Bildens färgprofil
Bara för att lägga till, se till att din webbplats Bilder har en sRGB-färgprofil som är standardfärgprofilen för webbläsarrendering och 72 dpi skulle vara mer än tillräckligt för nästan alla webbläsarskärmar.
Se även: Förbereda dina bilders färgprofil för att få bästa resultat.
Bildstorlek för webbplatsbilder
För att ändra storlek på bilder i Photoshop , gå till Bild -> Bildstorlek. För webben bör du ställa in upplösningen till 72 dpi och använda en bredd på 2560 pixlar.
Bildskärpa
Du kanske vill använda filtret Oskarp mask efter att du har ändrat storlek på dina bilder eftersom storleksändring alltid leder till viss oskärpa. Du kan nå filtret Oskarp mask i Photoshop genom att gå till Filter -> Skärpa -> Oskarp mask.
Massbildsbehandling
Om du har flera bilder att rotera, ändra storlek på eller skärpa kan du spela in en åtgärd och använda batch-kommandot för att bearbeta en hel mapp med bilder utan att upprepa dessa steg för varje bild.
Eller du kan också använda programvara från tredje part för att ändra storlek på dina bilder samtidigt.