Avatar billede cybermaster Nybegynder
02. august 2006 - 18:55 Der er 7 kommentarer og
1 løsning

Billedet på side bliver pixeleret når det gøres mindre

Hej med jer,

Jeg har nogle billeder liggende i gif format på en hjemmeside.

Problemet er de bliver pixeleret når de gøres mindre, end billedet er oprindeligt, kunne forstå hvis jeg prøvede at gøre den større men... er der nogen der har en løsning på dette?

Har forsøgt at liggede dem mere en 72 dpi, men der var ingen forskeld.

Ja jeg ved godt, at man ikke bør belaste siden, ved at have større billeder end højst nødvendigt, men det er jo noget nemmere at bygge det op i procenter, end at tilpasser de mange forskellige skærmopøsninger der idag findes rund omkring.

Mvh

Henrik
Avatar billede mclemens Nybegynder
02. august 2006 - 19:26 #1
[ er der nogen der har en løsning på dette? ]
Nej, det afhænger helt af billedet. Hvis browseren har et bilede på f.eks. 400 px og skal minimere det til 100 px når det vises skal den beslutte sig til hvilke px der får lov at dominere (læs: bliver fremvist) og så får man typisk sådan pixeleringer ... også selvom man bevarer højde/bredde forskellen
Avatar billede cybermaster Nybegynder
02. august 2006 - 20:13 #2
Hej igen mclemens.

Hjælper det at få php til at nedscalaere billedet, eller bliver det sammen resultat?

Er der et sted evt, hvor man kan se alle de forskellige skærm opløsninger, (måske ikke alle, men 95% af de gængse)
Avatar billede mclemens Nybegynder
02. august 2006 - 20:24 #3
[ Hjælper det at få php til at nedscalaere billedet, eller bliver det sammen resultat? ] - Har aldrig brugt php's nedskalering, men hvis jeg tager et billede i et maleprogram og nedskallerer det der - bliver det typisk også pixeleret (har ikke dyre maleprogrammer). Jeg går derfor udfra at det samme er tilfældet med php gdlib ... ellers hvis den skal lave disse beregninger så tager det også resourcer...

- Dertil kommer selvfølgelig at php er serverside og billedet skal leveres basis af clientside opløsning... ergo skal du have et javascript der returnerer brugerens opløsning og så beder om billedet.php?billedesti/billedenavn.jpg?res=1024 ... eller evt. sætte opløsningen i en cookie eller andet ... men, vi er ude i punktet hvor:

1. Det er ressourcekrævende (tror heller ikke det bliver meget bedre).
2. Man kunne ligesågodt lave 2 / flere sider med tilpassede billeder.

[ Er der et sted evt, hvor man kan se alle de forskellige skærm opløsninger, (måske ikke alle, men 95% af de gængse) ] Kender desværre ikke nogen, det nærmeste jeg har været er denne ... http://www.fdim.dk/?vis=page&ID=96&Maaned=Januar%202005 ... men den er vist lidt gammel efterhånden :D
Avatar billede mclemens Nybegynder
02. august 2006 - 20:30 #4
[ 2. Man kunne ligesågodt lave 2 / flere sider med tilpassede billeder. ]
... men det kan selvfølgelig også blive hårdt :D
Avatar billede kinderaeg Nybegynder
03. august 2006 - 13:25 #5
Du vil typisk få et meget bedre resultat ved at lade php scalere dine billeder, end hvis browseren skal gøre det, det har dog den hage, at, som mclemens siger, det er ret ressourcekrævende for serveren, hvis der er flere billeder der bliver dannet på denne måde.
Avatar billede cybermaster Nybegynder
03. august 2006 - 21:51 #6
Tak for svarende... bruger javascript, og laver en helveds bunke billeder istedet ;o)
Avatar billede mclemens Nybegynder
03. august 2006 - 21:56 #7
Velbekom, jeps det lyder super sjovt :D
Avatar billede mclemens Nybegynder
03. august 2006 - 22:01 #8
P.s.: Kig evt. på denne her til stylesheet switch...
(css800.css , css1024.css , css1280.css)

function chkcss(){
c=(w<801)?800:(w<1025)?1024:1280;
tn=document.getElementsByTagName("link")[0];
tn.href=tn.href.replace("css"+p+".css","css"+c+".css");p=c;
}

function chkcss2(){
if(screen.width!=w){w=screen.width;chkcss();}
setTimeout("chkcss2();",100);
}

var p=1024;var w=screen.width;
chkcss();chkcss2();
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester