Giv mig feedback på mit website/webshop

Svar: Hjælp til alt for store billeder på hjemmesiden

Alexander Carlsen — Sun, 14 Jul 2013 18:33:15 GMT

Du kunne også helt droppe dit nuværende baggrundsbillede og vælge en af disse glimrende træ-patterns, der gentager sig selv uden at mønstret bliver alt for tydeligt :)

Svar: Hjælp til alt for store billeder på hjemmesiden

Dirch Lind — Sun, 14 Jul 2013 18:05:19 GMT

Som Martin skriver så skal du ikke tænke på DPI hvis du kan gemme på en måde så du angiver hvormange pixels billedet fylder. Hvis du gemmer i 200 x 200 pixels - så er der 200 punkter på hver led.
Hvis du gemmer til print og angiver billedet skal være fx. 10 x 15 cm - så skal du samtidig angive hvormange punkter der skal være pr. cm - eller pr. inch.

Hvis billedet skal fylde 200 x 200 pixels på din hjemmeside - og du har gemt det sådan - så kan du faktisk ikke gøre mere.
Så er der lidt forskel på hvormeget de forskellige formater fylder - og som du selv skriver er det nødvendigt med fx. png for at få transparente farver - og JPG er godt til fotos.

Jeg har lige tjekket et JPG-foto på min egen side - det er ca. 160 x 160 pixels og fylder ca, 50 KB.
Et andet på ca. 220 x 190 fylder ca. 61 KB
Fylder dine billeder meget mere end det i samme størrelse - så gemmer du nok alligevel på en forkert måde.

Man kan ikke sige hvormeget et billede til en hjemmeside må fylde - andet end så lidt som muligt - og det opnår du ved at gemme billedet så der kun lige er pixels nok til den maksimale størrelse billedet skal vises i.

Svar: Hjælp til alt for store billeder på hjemmesiden

Martin Poulsen — Sun, 14 Jul 2013 15:22:21 GMT

Mosegaardknudsen:

men ved ikke helt om det er en tilfredsstillende løsning for mig

Det forstår jeg godt. Husk blot, at et baggrundsbillede ikke er særlig vigtigt for en bruger og der bliver ikke brugt mange splitsekunder på at studere det. En anden ting er, det ville nok egentlig være pænere hvis du fjernede billedet. Men det er smag og behag :)

Mosegaardknudsen:

Men kan jeg gøre andet for at gemme i et format der fylder mindre. Bruger allerede JPEG og PNG

Min erfaring er at Png er nødvendig når jeg gemmer med gennemsigtig baggrund.

Du har en række PNG-filer med fotografier som ikke bruger transparent baggrund. Dem bør du konvertere og komprimere.

Mosegaardknudsen:

Kan jeg ændre Dpi uafhængig af størrelsen ?

DPI (Dots per inch) er ikke noget der bruges på web'en - det bruges kun i forbindelse med print/tryk.

Svar: Hjælp til alt for store billeder på hjemmesiden

Mosegaardknudsen — Sun, 14 Jul 2013 15:02:52 GMT

Martin !

Jeg er med på hvad du mener nu, du vil have jeg laver en mindre billede der sammensættes lodret og vandret og ligner samme baggrund.. det må jeg kigge lidt nærmere på, men ved ikke helt om det er en tilfredsstillende løsning for mig

Dirch !

Det med at ændre billede størrelse i pixels er jeg også med på, så de ligger på serveren i den størrelse som de rent faktisk skal have.

Men kan jeg gøre andet for at gemme i et format der fylder mindre. Bruger allerede JPEG og PNG
Min erfaring er at Png er nødvendig når jeg gemmer med gennemsigtig baggrund.

Kan jeg ændre Dpi uafhængig af størrelsen ?

Er der en guidelines for hvor meget billeder må fylde til en hjemmeside ?

Svar: Hjælp til alt for store billeder på hjemmesiden

Dirch Lind — Sun, 14 Jul 2013 14:17:09 GMT

Hej Martin - det komme jo an på om man ønsker et billede eller et mønster...

Svar: Hjælp til alt for store billeder på hjemmesiden

Martin Poulsen — Sun, 14 Jul 2013 13:55:39 GMT

Dirch Lind:

Til baggrundsbilledet - såm jo bliver strukket - vil jeg prøve mig lidt frem. Prøv fx. at gemme det i 600 x 800 pixels - og se om det ser godt nok ud - selv om skærmen måske viser 1200 i breden. Jeg tror godt det billede du har valgt kan holde til at blive strukket. Ser det for pixeleret ud - må du gemme det i en lidt bedre kvalitet.

Der er ingen grund til strække baggrundsbilledet, du kan bare gentage en lille del af billedet for derved at skabe et "mønster" i vilkårlig størrelse.

Svar: Hjælp til alt for store billeder på hjemmesiden

Dirch Lind — Sun, 14 Jul 2013 13:10:38 GMT

Nu ved jeg jo ikke hvordan du laver din hjemmeside - men det ser ud til at selve indholdet har en fast brede ( i pixels) - og at du så har et baggrundsbillede som automatisk bilver større eller mindre alt efter hvor stor en skærm beskueren har.

Jeg kender heller ikke Paint Shop Pro - men du må have en funktion, hvor du kan angive størrelsen på dine billeder - eller du har nok flere steder. Typisk vil der være en funktion hvor du angiver størrelsen / eller beskærre et billede i cm x cm - og så opløsningen i dpi.
Men til en hjemmeside er det lettest hvis du angiver størrelsen i pixels. Så måske du her kan ændre formatet til pixels i stedet for cm.

Du kan evt. også som en foreslår finde en funktion hvor du kan "gemme til web" eller "save for web". Her vil du blive bedt om at indtaste en størresle i pixels x pixels - og måske også vælge hvilkent format du vil gemme i - til fotos vil jeg anbefale JPG eller JPEG.
Brug denne metode hvis du har den - det er enklest.

Hvor store dine billeder så skal være - afhænger af den plads det skal sidde på på hjemmesiden. Da det ser ud til at indholdet har en fast brede - så vil dine tekste, grafik, billeder og andet også have en fast brede. I dit hjemmesideprogram må du så finde ud af hvor mange pixels bred og høj pladsen til dit billede er - og så gemme billedet i den størrelse.

Til baggrundsbilledet - såm jo bliver strukket - vil jeg prøve mig lidt frem. Prøv fx. at gemme det i 600 x 800 pixels - og se om det ser godt nok ud - selv om skærmen måske viser 1200 i breden. Jeg tror godt det billede du har valgt kan holde til at blive strukket. Ser det for pixeleret ud - må du gemme det i en lidt bedre kvalitet.

Håber det hjalp lidt - det er ikke så kompliceret.

Svar: Hjælp til alt for store billeder på hjemmesiden

Martin Poulsen — Sun, 14 Jul 2013 12:07:49 GMT

Mosegaardknudsen:

Hvis vi nu starter med mit baggrundsbillede, hvordan gemmer jeg med komprimering !
og jeg forstår ikke hvordan jeg kan nøjes med et billede på 200 x 200.. kan du uddybe dette også...

Du lader CSS baggrundsbilledet gentage sig selv horisontalt og vertikalt. Dette er faktisk default indstillingen, så du behøver slet ikke at gøre noget i koden.

Udfordringen er at lave en udskæring, som vertikalt og horisontalt passer således at man ikke kan se overgangene.

Du mister selvfølgelig nogle detaljer, da det hele blot gentages - men jeg vil påstå at brugeren ikke ligger mærke til det.

Mosegaardknudsen:

Jeg bruger Paint shop pro 9, kender du dette eller kan anbefale en måde at komprimere billederne på.

Jeg kender desværre ikke programmet. Prøv at søg på www.google.dk.

Svar: Hjælp til alt for store billeder på hjemmesiden

Mosegaardknudsen — Sun, 14 Jul 2013 11:51:20 GMT

Hej Jens

Folk ser jo hjemmesiden med forskellige browsere og opløsninger, hvis billede er for lille, vil det jo så ikke se strukket ud på en større skærm ?

Svar: Hjælp til alt for store billeder på hjemmesiden

dkchokk — Sun, 14 Jul 2013 11:49:19 GMT

http://imageoptim.com/

Svar: Hjælp til alt for store billeder på hjemmesiden

Mosegaardknudsen — Sun, 14 Jul 2013 11:47:48 GMT

Hej Mogens

Hvis vi nu starter med mit baggrundsbillede, hvordan gemmer jeg med komprimering !
og jeg forstår ikke hvordan jeg kan nøjes med et billede på 200 x 200.. kan du uddybe dette også...

Jeg bruger Paint shop pro 9, kender du dette eller kan anbefale en måde at komprimere billederne på.

Svar: Hjælp til alt for store billeder på hjemmesiden

Jens Andersen — Sun, 14 Jul 2013 11:42:32 GMT

Du skal åbne billederne i fx. Photoshop og gemme til Web i den størrelse de rent faktisk skal vises i.

Eksempel:

Dit billede er originalt på 1920x1680 eller lignende. Det bliver vist i størrelsen 768x680 på hjemmesiden (pænt stort på en hjemmeside). For at billedet ikke skal fylde for meget, skal du gemme det i den størrelse det skal vises i. Ellers vil det fylde det samme som det store.

Vh Jens

Svar: Hjælp til alt for store billeder på hjemmesiden

Martin Poulsen — Sun, 14 Jul 2013 11:33:14 GMT

Hej

Gem dine fotografier i JPG-format med komprimering. Du burde kunne reducere størrelsen med 50-70%.

Husk også dit baggrundsbillede som fylder 170kb. Det er alt alt for meget. Det behøver slet ikke at være så stort. Gem det i 200x200 px som JPG med komprimering, jeg tror ikke man vil kunne se forskel.

Hjælp til alt for store billeder på hjemmesiden

Mosegaardknudsen — Sun, 14 Jul 2013 11:20:40 GMT

Hej Aminoer

Jeg har tidligere lavet et indlæg om min hjemmeside hvor jeg fik rigtig god feedback. - http://www.amino.dk/forums/t/193553.aspx?PageIndex=1

I var stort set enige om de ting der skulle ændres på, og det her jeg derfor taget til mig og fået lavet om.

Her i ferien vil jeg have kigget på billederne, jeg bøvler noget med mine billeder, de fylder rigtig meget og det tager lidt tid at hente billederne..

Hvordan får jeg store flotte billeder på hjemmesiden, i et format der fylder meget lidt ?