Annons

Vilken skärmupplösning hade ni valt?

Produkter
(logga in för att koppla)

xlxl67

Aktiv medlem
Hej! Hoppas jag postat i rätt forum. Tänkte göra en bildsida på one.com men vilken bredd skulle ni valt på er webb? Alltså jag vill inte att de flesta ska behöva scrolla sidledes.
För att göra det lättare - vilken skärmupplösning ska jag anpassa sidan till?
 

Cygnes

Avslutat medlemskap
1024

Hej! Hoppas jag postat i rätt forum. Tänkte göra en bildsida på one.com men vilken bredd skulle ni valt på er webb? Alltså jag vill inte att de flesta ska behöva scrolla sidledes.
För att göra det lättare - vilken skärmupplösning ska jag anpassa sidan till?
1024 om den inte skalar på ett mycket bra sätt. Fler än man tror har gamla skärmar.
 

Cygnes

Avslutat medlemskap
Kom att tänka på två saker.

1. Ska det funka för mobila enheter? Gör den automatiskt om sidan för mobila enheter (telefoner och plattor) annars får man nog kanske fundera en vända till. Kanske läge att kolla på t.ex. Elgiganten på några små billiga enheter. Men då blir det inte snygg på en dator.

2. Om man anpassar till 1024 så gör man normalt innehållet 960 pixlar (ska finnas plats för scrollbar m.m.) antar att one fixar detta om du sätter 1024. Jag skulle börja designa och sedan ställa om min skärm och kontrollera innan du kommer för långt.
 
Hej! Hoppas jag postat i rätt forum. Tänkte göra en bildsida på one.com men vilken bredd skulle ni valt på er webb? Alltså jag vill inte att de flesta ska behöva scrolla sidledes.
För att göra det lättare - vilken skärmupplösning ska jag anpassa sidan till?
Tänk på att nästan 40 procent av de som besöker en webbplats gör det via en smart telefon.

När det gäller datorskärmar har runt 90 procent av alla användare en upplösning som är 1280 pixlar eller större. Över 50 procent har 1366 pixlar eller större.
 

Cygnes

Avslutat medlemskap
Tänk på att nästan 40 procent av de som besöker en webbplats gör det via en smart telefon.

När det gäller datorskärmar har runt 90 procent av alla användare en upplösning som är 1280 pixlar eller större. Över 50 procent har 1366 pixlar eller större.
Med gamla skärmar avser jag 1280 eller mindre, som ungefär 50% av användarna har.

Skillnaden på 1280 och 1024 är mycket liten när man gör en hemsida. Därför rekomederar jag 1024.

Titta gärna på de stora aktörerna de ligger ofta precis under 1000. Sen kan man ju alltid göra uppsättningar för olika upplösning men då är vi inne på överkurs.

Exempel:
https://www.iteracy.com/resources/build-a-better-website/size-and-layout-of-a-web-page/
 
Med gamla skärmar avser jag 1280 eller mindre, som ungefär 50% av användarna har.

Skillnaden på 1280 och 1024 är mycket liten när man gör en hemsida. Därför rekomederar jag 1024.

Titta gärna på de stora aktörerna de ligger ofta precis under 1000. Sen kan man ju alltid göra uppsättningar för olika upplösning men då är vi inne på överkurs.

Exempel:
https://www.iteracy.com/resources/build-a-better-website/size-and-layout-of-a-web-page/
Jag skulle tveklöst utgå från 1170 pixlar, som exempelvis Bootstrap gör.

Varifrån får du siffran att 50 procent av användarna skulle ha 1280 pixlar eller mindre? Jag hittar inget stöd för det i de aktuella siffror som finns. Det är runt tio procent som har de storlekarna.
 

iSolen.se

Guest
Hej! Hoppas jag postat i rätt forum. Tänkte göra en bildsida på one.com men vilken bredd skulle ni valt på er webb? Alltså jag vill inte att de flesta ska behöva scrolla sidledes.
För att göra det lättare - vilken skärmupplösning ska jag anpassa sidan till?
Hej, vad man brukar göra är att man anpassar sig till användaren, nuförtiden finns det så många storlekar att man helt enkelt måste anpassa visningen. En användare kan ha stående mobil, rotera den till liggande, laptop eller stor desktop.

Googla på responsiv web design, RWD.
 

xlxl67

Aktiv medlem
Kom att tänka på två saker.

1. Ska det funka för mobila enheter? Gör den automatiskt om sidan för mobila enheter (telefoner och plattor) annars får man nog kanske fundera en vända till. Kanske läge att kolla på t.ex. Elgiganten på några små billiga enheter. Men då blir det inte snygg på en dator.

2. Om man anpassar till 1024 så gör man normalt innehållet 960 pixlar (ska finnas plats för scrollbar m.m.) antar att one fixar detta om du sätter 1024. Jag skulle börja designa och sedan ställa om min skärm och kontrollera innan du kommer för långt.
Nej det behöver inte funka på mobila enheter. Bilderna är stora och gör sig bäst på stor skärm.
2. Ska kolla på detta.
Tack
 

xlxl67

Aktiv medlem
Hej, vad man brukar göra är att man anpassar sig till användaren, nuförtiden finns det så många storlekar att man helt enkelt måste anpassa visningen. En användare kan ha stående mobil, rotera den till liggande, laptop eller stor desktop.

Googla på responsiv web design, RWD.
Hmm, kanske måste anpassa till mobiler ändå. Får fundera vidare.
 

iSolen.se

Guest
Mitt företag lanserade sin responsiva webbplats för drygt fem år sedan och då skrev jag ett blogginlägg som berättade om det då nya sättet att bygga webb för olika enheter:

http://www.gobolito.se/blogg/item/36-gobolito-ar-responsive-webdesign
Jag byggde om denna sajt till responsiv ungefär då:

http://www.apollo.se/

Den är f ö ett bra exempel på hur man gör med tumnaglar och andra småbilder.

På den tiden var det många som tyckte det var onödigt. Nu betraktas det mer eller mindre som självklart.
 

afe

Aktiv medlem
En del tycker fortfarande att man inte ska publicera bilder bredare än 800 pixlar eller så för att förhindra bildstölder, men då tror jag man skjuter sig själv i foten. Sitter jag med en 4k-skärm (eller högullöst platta) ser det förskräckligt ut.
 

iSolen.se

Guest
En del tycker fortfarande att man inte ska publicera bilder bredare än 800 pixlar eller så för att förhindra bildstölder, men då tror jag man skjuter sig själv i foten. Sitter jag med en 4k-skärm (eller högullöst platta) ser det förskräckligt ut.
Ett knep är att sänka kvaliten, dvs dra upp bilden i 1600 bredd men sänka skärpan och/eller öka kompressionen. Det funkar extra bra på bakgrundsbilder.

Sen kan man även på responsiva sajter sätta övre gränser, det räcker med 1200px, 1600px eller whatever och låta texten stanna inom 1200px men låta bilder sträcka sig fritt utåt 2560 eller mer.

Bildstölder händer ändå.
 
Ett knep är att sänka kvaliten, dvs dra upp bilden i 1600 bredd men sänka skärpan och/eller öka kompressionen. Det funkar extra bra på bakgrundsbilder.

Sen kan man även på responsiva sajter sätta övre gränser, det räcker med 1200px, 1600px eller whatever och låta texten stanna inom 1200px men låta bilder sträcka sig fritt utåt 2560 eller mer.

Bildstölder händer ändå.
Det är dock inget bra råd till en fotograf att sänka kvaliteten på sina bilder. Bilderna är det man säljer sig med och de ska vara så bra det bara går, givetvis utan att bli för "tunga" och ge långa laddningstider samt hög förbrukning av datamängd för besökaren.
 

iSolen.se

Guest
Det är dock inget bra råd till en fotograf att sänka kvaliteten på sina bilder. Bilderna är det man säljer sig med och de ska vara så bra det bara går, givetvis utan att bli för "tunga" och ge långa laddningstider samt hög förbrukning av datamängd för besökaren.
Du har rätt, jag skrev för kort. Lägger man upp bilder med 2560 i upplösning brukar det bli för tungt och man kan utnytta att många med såna upplösningar kör retina el motsvarande dvs de kan inte se enskilda pixlar och då kan man sänka kvaliten en aning.

Vill man visa den fina bildkvaliten kan man lägga in en förstoring på ögonen eller liknande. Man kanske inte heller vill släppa högupplösta bilder fritt på nätet.

Om det bara är en bakgrund funkar ovan tips bra som det stod.
 
ANNONS