Skapa en egen hemsida/portfolio, hur tänka kring kvalité och storlek på bilderna?

[MNB]

Nu var det ca. 20 år sedan jag knackade till html och gjorde lite små hemsidor. Nu finns ju alla möjliga smidiga lösningar som squarespace t ex. Så tänkte göra min egen lilla portfolio där.

Men när jag satte mig och började så slog det mig, hur ska man göra med storlek på bilderna? Inte måttstorlek utan filstorlek. Nuförtiden sitter vi ju med fiber så att ladda upp 10+ mb bilder kan ju inte vara några problem så att det tar tid för sidan att laddas osv?

Eller sparar ni ner dom i photoshop t ex för att minska filstorlek osv?

 

[PeterWem]

Jag lägger mina som 2000x1200 px. Blir runt 300-500 kB om jag komprimerar till 70-80% i GIMP. Mitt problem är inte hur snabbt bilden laddas utan att jag inte önskar fylla servern.

 

[Uffe_Nordholm]

Jag skulle absolut inte ladda upp några bilder i den upplösning som kameran lämnar ifrån sig. Anledningen är enkel: en så stor bild är trivial att använda till saker som jag inte har gett mitt tillstånd till.

Därmed måste du hitta en kompromiss som du själv är nöjd med: stor nog att vara "snygg" på skärm, men liten nog så bilden inte plötsligt hamnar på någon annans produkt. Eftersom du själv publicerar bilden på en hemsida så kan den dyka upp på andra hemsidor, och det kan du inte göra så mycket åt, annat än i efterhand.

 

[jonas18z]

Gör bilder responsiva och visa bild i rätt storlek för rätt skärm

 

[MNB]

Jag skulle absolut inte ladda upp några bilder i den upplösning som kameran lämnar ifrån sig. Anledningen är enkel: en så stor bild är trivial att använda till saker som jag inte har gett mitt tillstånd till.

Därmed måste du hitta en kompromiss som du själv är nöjd med: stor nog att vara "snygg" på skärm, men liten nog så bilden inte plötsligt hamnar på någon annans produkt. Eftersom du själv publicerar bilden på en hemsida så kan den dyka upp på andra hemsidor, och det kan du inte göra så mycket åt, annat än i efterhand.

Nä, jag har tänkt att dra ner på måttstorleken och göra små beskärningar, så att jag alltid sitter på själva originalet i storlek osv. Även fast det nog är en liten tröst mot att någon skulle få för sig att sno den.

Det tyvärr är den risken man får ta gissar jag...

 

[nkarlsson78]

Nu var det ca. 20 år sedan jag knackade till html och gjorde lite små hemsidor. Nu finns ju alla möjliga smidiga lösningar som squarespace t ex. Så tänkte göra min egen lilla portfolio där.

Men när jag satte mig och började så slog det mig, hur ska man göra med storlek på bilderna? Inte måttstorlek utan filstorlek. Nuförtiden sitter vi ju med fiber så att ladda upp 10+ mb bilder kan ju inte vara några problem så att det tar tid för sidan att laddas osv?

Eller sparar ni ner dom i photoshop t ex för att minska filstorlek osv?

Squarespace har ju bra guide lines för just bilder, t.ex

Formatting your images for display on the web

Tips for styling images to display clearly on any screen size. Squarespace takes the guesswork out of formatting your images for display on the web. We create seven variations of each uploaded imag...

support.squarespace.com