Avatar billede NielsErikP Mester
21. august 2011 - 17:43 Der er 22 kommentarer og
3 løsninger

Lille og Stor kopi af billede (Javascript eller php) ???

Hej..
Jeg sidder med et lille problem.... Jeg er ved at vise mine Cd'er, jeg har taget et stort billede af den aktuelle cd.
Men jeg vil gerne have at der skal vises et lille billede på størrelse med avataren her på Eksperten.dk. Når man så klikker sig videre fra det billede/link, skal det samme bíllede vises i stort.
Er det nødvendigt at gemme både en stor og lille udgave af billedet???
Eller findes der metoder til at resize sådan et billede??

Håber der er en "HardCore" der kan give mig lidt hjælp!!!

På forhånd tak!!!
Avatar billede mediman Nybegynder
21. august 2011 - 17:56 #1
Avatar billede keysersoze Ekspert
21. august 2011 - 17:58 #2
ved at sætte height og width på dit img-tag vil du få den lette vej til at vise et billede i forskellige størrelser - det er bare ikke så klient-venligt. Alternativet er at du vha serveren laver de billedstørrelser du har behov for enten on the fly eller fysisk gemme flere versioner ved upload. http://www.eksperten.dk/guide/1200
Avatar billede majbom Novice
21. august 2011 - 19:26 #3
der er flere ting at tage med ind i din problemstilling:

hvor store er små kontra store billeder (filstørrelse)
hvor mange billeder er der tale om pr. side
klientens internetforbindelse

hvis du viser en liste med ALLE cd'er på én side, er det nok at foretrække at have en mindre udgave af billedet, så de ikke tager så lang tid at hente.

hvis du kun viser 10 pr. side, er det måske knap så vigtigt, selvfølgelig igen afhængigt af billedets størrelse.

hvis du skal have flere versioner er hvert billede, vil jeg helt sikkert gøre det med et server-side script ved upload og dermed have to versioner af alle billeder.
Avatar billede NielsErikP Mester
21. august 2011 - 21:34 #4
Hej...
#3:
Jamen.. Det lille billede skal være cirka samme størrelse som profil billederne her på Eksperten.dk.
Jeg har endnu kun taget 2 store billeder, der er :
Billede 1: 1754x1786 - 72dpi - 24 bitdybde.
Billede 2: 1785x1773 - 72dpi - 24 bitdybde.
Antal billeder pr side: Dem der går under det valgte bogstav i alfabetet.

Jamen det er lidt en liste med eksisterende Cd'er under f.eks "A".

Måske lidt fat svag her, hvad du mener med Server side script ved upload forstår jeg ikke helt.

#2:
Nej... vil absolut ikke bruge width og height til at resize, har en fornemmelse at det kræver formange ressourser.

#1:
Tjekker lige dit link :-)
Avatar billede olebole Juniormester
21. august 2011 - 21:50 #5
<ole>

Tjek jakobdo's fortrinlige guide, som keysersoze linker til i #2. Den er god og letforståelig  *o)

/mvh
</bole>
Avatar billede keysersoze Ekspert
21. august 2011 - 22:20 #6
Ja - du kan resize billederne på 2 forskellige tidspunkter; a) når billederne uploades danner du de 2 billedstørrelser du har behov for (og evt gemmer kopien) eller b) når billederne forespørges af klienten.
Avatar billede NielsErikP Mester
21. august 2011 - 22:46 #7
Hej...
Fint, jeg tjekker jakobdo's guides ud og slår op på phpnet!!!
Som han selv indleder med at sige er der ingen forklaring på koden.
Er selv ret ny i php sammenhæng.... Sååååååå der går nok en rum tid før point deles ud her på dette spørgsmål.
Avatar billede olebole Juniormester
21. august 2011 - 23:40 #8
Lav en kopi af filen og kald den upload.php. Ret i SETTINGS foroven, så de passer med det, du ønsker. Upload filen til din server og prøv den.

Så skulle den ged være barberet  =)
Avatar billede scootergrisen Nybegynder
22. august 2011 - 16:36 #9
Jeg ville klart lave 2 størrelser af samme billedet.
Du kan da godt lave <img src="billede.jpg" width="90" height="90"> for at vise et lille billede men dels er der forskel på hvordan de forskellige browsere viser det, altså hvordan den resampler det store billede når det skal vises som et lille billede.
Også når dine billederne er så store så vil det jo tage lang tid og vise et lille billede og det jo ikke sikkert brugeren ønske at klikke på det for at se det i fuld størrelse.

Du kan måske godt gøre det med javascript men så belaster du jo brugerens computer med at skulle resize nogle store billeder og det bliver sikkert tungt at besøge din hjemmeside.

Det bedste er at lave dine billeder i små format også så sker alt det "svære" arbejde på din computer og brugeren får en hurtig oplevelse på din hjemmeside.

Nu har du jo kun 2 billeder der skal laves små.
Men ellers findes der automatiske båder i tegneprogrammer (for eksempel photofiltre) som kan resize en masse store billeder til små.

Hvis du vil kan du også lave et PHP script så du hurtigt kan resize et billede hvis du vil.
Se her hvis du vil lave det eget script :
http://dk.php.net/manual/en/function.imagecopyresampled.php

Men når du gør det med PHP så skal du jo gøre det på din egen computer og ikke sådan at imagecopyresampled() kaldes hver gang en bruger besøger din side. Eller bliver det jo langtsom.
Avatar billede majbom Novice
22. august 2011 - 18:08 #10
Men når du gør det med PHP så skal du jo gøre det på din egen computer og ikke sådan at imagecopyresampled() kaldes hver gang en bruger besøger din side. Eller bliver det jo langtsom.


hvorfor det?

det kunne jo passende gøres ved upload, så serveren gør det den ene gang.
Avatar billede NielsErikP Mester
22. august 2011 - 22:01 #11
Hej...
#9:
Tak for dit indlæg.

Generelt:
Nu må i squ blive enig om, hvad i vil svare... For kan i ikke blive enig, Er det jo svært for spørgsmål holderen, at få en entydig løsning på hans spørgsmål!!!!!

#10:
Splazz forstår ikke helt det med dit upload snak... altså for mig skal jeg vide om det kan betale sig at have en lille og en stor udgave liggende på min hosters server, billede størrelserne ordner jeg med photofiltre og uploader så med fileZilla.
Avatar billede keysersoze Ekspert
22. august 2011 - 22:50 #12
Der findes ikke et entydigt svar - specielt ud fra de få oplysninger du har givet. Hvis du nu og for al fremtid kun skal benytte præcis de to størrelser vil det altid være en fordel at have præcis de to størrelser liggende fysisk på serveren - hvis du derimod forventer at skal bruge flere eller andre billedstørrelser i fremtiden kunne det være en fordel med dynamiske billeder idet de blev kaldt.

Når man programmerer er alt ikke bare sort eller hvidt - der er masser af parametre og, specielt i mange spørgsmål på eksperten, ukendte forhold der kræves stillingtagen til. Sætter du mere end én person til at finde en løsning vil du så godt som aldrig få det samme svar - men det gør jo ikke nødvendigvis nogen af løsningerne forkerte.
Avatar billede NielsErikP Mester
23. august 2011 - 01:05 #13
Hej...
Tror jeg vælger løsningen med 2 billede størrelser af en CD på serveren... DEt bliver bare en hulens masse billeder, hvis hele CD' samlingen skal vises.

Vil i lige alle lægge et svar, jo ik fordi det giver me´get til hver, men hvad lidt har vel også ret ;-)
Avatar billede olebole Juniormester
23. august 2011 - 01:18 #14
- til gengæld er det hinsides enhver debat, at performance betragtningerne i #9 står fuldstændig på hovedet.

Brugerens PC står og strutter af ubrugte RAM og oceaner af headroom i CPU'en, hvorimod serveren knokler med at servicere et hav af brugere - endda på mange sites, hvis det er et hotel.

Derfor forsøger man da også altid at lægge så meget arbejde over på klienten, som overhovedet muligt - mens man prøver at spare serveren så meget som muligt. Det er som bekendt en af grundene til at bruge Ajax.

Når et website opleves som værende langsomt, skyldes det i 99% af tilfældene forhold omkring serveren (herunder database og scripts) og/eller dens forbindelse til nettet.

I dette tilfælde er der dog ikke mulighed for at lade klienten foretage arbejdet, da en browser ikke kan få adgang til evt. billedbehandlings programmel på maskinen.

Derfor er man nødt til at lade serveren stå for billedbehandlingen. Men der er ingen tvivl om, at brugeren ville opleve processen hurtigere, hvis det kunne gøres på klienten  =)
Avatar billede olebole Juniormester
23. august 2011 - 01:20 #15
Jeg samler ikke på points, så jeg holder mig udenfor den del  =)
Avatar billede majbom Novice
23. august 2011 - 07:57 #16
svar...
Avatar billede scootergrisen Nybegynder
23. august 2011 - 15:02 #17
Ja det kan på mange måder "betale" sig at have 2 størrelser af samme billede på din hjemmeside.

Eneste "problem" er at hver gang du så skal tilføje sådan et billede så skal du igen åbne photofiltre og ændre størrelse til et nyt billede men det er da til at leve med. Specielt hvis du ikke gør det så tit.

Skulle der være noget problem i at have de billeder i dobbelt antal på dit webhotel ?
Så meget ekstra plads kan det ikke fylde.
Avatar billede olebole Juniormester
23. august 2011 - 18:11 #18
Hvorfor skal man have fat i et billedbehandlings program? Er det kun mig, der mener, vi alle - måske med een undtagelse - taler om at generere en thumbnail på serveren?
Avatar billede majbom Novice
23. august 2011 - 18:26 #19
jeg forstår altså heller ikke hvor problemet ligger i at gøre det på serveren, ved upload, i php? så kan du lave alle de størrelser du vil, uden det tager ret meget tid...
Avatar billede NielsErikP Mester
23. august 2011 - 22:03 #20
Hej...
Jamen der er jo en del betragtninger at tage stilling til.

#19:
Splazz, det du mener er det at jeg har det "Oprindelige" billede til at ligge lokalt på min computer... Og at jeg så på mit webhotel/Server har et script, som henter billedet på min computer og resizer inden det vises på hjemmesiden????
læg lige et svar splazz hvis du vil være med til pointene!!

#17:
jo.. plads rigelig 10 GB webhotel.
Avatar billede majbom Novice
23. august 2011 - 22:28 #21
ja, det er det jeg mener.

men det lyder ikke som om at du skal uploade billederne i en "almindelig" upload-form, men med FTP måske?

så kan du jo evt. lave en upload-mappe hvor du ligger nye billeder i og så kør et script der render alle billederne i denne mappe igennem og genererer de nødvendige størrelser og derefter sletter dem fra upload-mappen.

jeg har lagt et svar :)
Avatar billede NielsErikP Mester
23. august 2011 - 22:52 #22
Hej...

Hmmm... Ja nu spørger jeg måske dumt, men hvis jeg skal have det oprindelige billede liggende på min comp. og hver gang hjemmesiden loades hente det, giver det ikke en langsomt loadende hjemmeside... Og det med FTP skal det også foregå via php scripts eller hvordan...???

Ja.. min sandten, det har du jo også ;-)
Avatar billede keysersoze Ekspert
24. august 2011 - 00:18 #23
Det tvivler jeg nu også på at nogen har antydet - for at pensle det ud har du 3 muligheder;

1) upload dit originalbillede til serveren enten via FTP eller PHP og lad PHP on-the-fly generere billedet i den ønskede størrelse når der er behov for det.

2) upload dit billede via PHP og lad i samme øjeblik serveren generere 2 billeder i de ønskede størrelser og gem dem fysisk på serveren (evt sammen med originalbilledet så det også ligger på serveren)

3) upload 2 billeder i de ønskede størrelser via FTP (eller PHP) og lav dermed selv billederne via et billedbehandlingsprogram.

Den mest omtalte og mest optimale i dit scenarie er nok 2.
Avatar billede NielsErikP Mester
24. august 2011 - 00:34 #24
Hej...
Ja.. Så kan man da vist ikke undgå at forstå!! TAK!!

Tak til jer alle og her kommer jeres point.
Avatar billede majbom Novice
24. august 2011 - 08:41 #25
tfp :)
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