Forhåndsbestemt høyde eller bredde på bilde på web

[WebKnight]

Tenkte å lage et fotoalbum, og har da et spørsmål.

 

Skal lage en side hvor man får opp thumbnails av bildene, og når man trykker på dem kommer man til en side som viser bildet i full størrelse.

 

På Thumbnail siden vil jeg at bilden kun har 2 formater, la oss si enten 150 pixler høyt ELLER 150 pixler bredt - Ide'en med det er at bildene skal beholde sitt orginale høyde bredde forhold..

 

Altså et bilde som f.eks er 400x400 blir 150x150, et som er 600x300 blir 150x75 osv. En av siden skal altså alltid være 150 pixler og den andre skal bare nedjusteres deretter...

 

Koder i ASP, men vet ikke om dette kan gjøres hverken i HTML eller ASP. Er takknemlig hvis noen kan hjelpe med dette, hvis det går an da.

[objorkum]

<img src="URL til bilde" height="HØYDE HER" width="BREDDE HER" border="0">

[WebKnight]

<img src="URL til bilde" height="HØYDE HER" width="BREDDE HER" border="0">

 

Jo'a den er grei, men da må alle bildene ha samme størrelse i høyde og bredde. Jeg ønsker at uansett hvordan størrelse det er på bildet så skal bildets sideforhold beholdes.

 

Hvis du har dette : height="150" width="150"

og legger inn et bilde på 150x50 så vil jo den siden som er 50 blåses opp og det er det jeg ønsker ikke skal skje..

 

Håper dette gjorde ting litt klarere

[ZoRaC]

Litt off-topic, men du bør heller legge ut 2 bilder av hver... en i f.eks 800x600 og en 150x150. Er ikke alle som har xDSL og da blir siden veldig tung og laste (siden antall kb er den samme selv om bildet vises med 150x150)...

[MaxPain]

Litt off-topic, men du bør heller legge ut 2 bilder av hver... en i f.eks 800x600 og en 150x150. Er ikke alle som har xDSL og da blir siden veldig tung og laste (siden antall kb er den samme selv om bildet vises med 150x150)...

 

Går ann å code slik at bildene blir så store for den som ser de, som de vises på skjermen, selv om du har bare 1 bilde, men det er vel litt mer enn hva han er ute etter

[KjellV]

Er ikke sikker på hvordan man gjør det men jeg forstår ihvertfall hva du mener i motsetning til de andre

[Ap. Syvertsen]

du må jo lage thumbnails av bildene. Resize de ned slik at de blir mindre fysisk.

[KjellV]

du må jo lage thumbnails av bildene. Resize de ned slik at de blir mindre fysisk.

 

Hvis jeg forstod deg rett skal han først rezise dem i f. eks. Photoshop og det er jo det beste. Det er ikke lurt å rezixse bilder med height/width verdiene for hvis man da skal vise bildet i en tidel av normal størrelse er filstørrelsen like stor. Man komprimerer bildet fysisk ved bruk av height/width, ikke i kb.

[dilldall]

Hvis du bare setter breddetagen til 150 i html koden vil jo høyden automatisk sette seg så den blir riktig i forhold til bredden.

 

Kan vel også finne høyde og bredde på et bilde (f.eks javascript) og dermed sette enten en max på høyden eller en max på bredden (eller begge deler). Det betyr at hvis du har et høyt og smalt bilde vil høyden kunne settes til max 150 og bredden vil da kanskje ikke bli mere enn 50.

 

Har ikke koden på det her, men sikkert ikke vanskelig å finne.

[magikern]

bare en liten ide jeg kom på nå i php

 

if($width == $height) { //hvis de er like store definerer vi begge

echo("<img width="150" height="150">");

}

elseif($width > $height) { //hvis width er størst så definerer vi bare width

echo("<img width="150" height="">");

}

else() { //hvis height er størst så definerer vi bare height

echo("<img width="" height="150">");

}

 

eneste problemet er at jeg ikke finner noen måte å finne width og height på et bilde, med php, og uten det blir det umulig å bestemme hva som er størst eller om de er like, så hvis du finner det i php eller kanskje det går med js eller et annet språk så skal nok dette fungere.

[WebKnight]

OK - Takk så langt til alle som forsøker å bidra her!!

 

Jeg skal ikke gjøre annet i Photoshop enn eventuelt å komprimere filstørrelsen til en forsvarlig størrelse, bildene vil ikke bli større enn ca. 600x600 pixler MAX. men de vil variere i høyde og bredde..

 

Ide'en er å laste bildene opp til en folder, legge inn link til bildet i en database. Bildet hentes opp til en thumbnail side (tenkte ikke å ha så mange bilder så størrelsen er ikke så viktig)

 

huff..er jeg så dårlig å forklare meg... sorry

[Bisarre]

Om du gjør slik som endel folk over har foreslått, så blir vel siden sinnsykt tunglastet.

 

For selv om HTML-koden (eller hva du nå enn bruker), definerer bildet som mindre, så må jo siden laste hele bildet først. Og en side med 100 thumbs, som kanskje egentlig er på flere hundre kB pr thumb, blir for jævlig.

 

Resize bildene i Photoshop eller lignende, til 150pixler. Da blir de jo bare ca 10kB pr stk. Du ender opp med dobbelt så mange bilder, men siden blir ihvertfall mer lettlastet.

[Bisarre]

Om du gjør slik som endel folk over har foreslått, så blir vel siden sinnsykt tunglastet.

 

For selv om HTML-koden (eller hva du nå enn bruker), definerer bildet som mindre, så må jo siden laste hele bildet først. Og en side med 100 thumbs, som kanskje egentlig er på flere hundre kB pr thumb, blir for sinnsvakt.

 

Resize bildene i Photoshop eller lignende, til 150pixler. Da blir de jo bare ca 10kB pr stk. Du ender opp med dobbelt så mange bilder, men siden blir ihvertfall mer lettlastet.

 

Og la gjerne de store bildene være type fullskjerm... 1024 eller 1200 osv.

Hater å være på en side, som gir inntrykk av at de har et stort bilde, om man klikker "her". Også kommer det opp et fislete bilde på 1 fjerdedel av skjermen.

[blackbrrd]

Om du gjør slik som endel folk over har foreslått, så blir vel siden sinnsykt tunglastet.

 

For selv om HTML-koden (eller hva du nå enn bruker), definerer bildet som mindre, så må jo siden laste hele bildet først. Og en side med 100 thumbs, som kanskje egentlig er på flere hundre kB pr thumb, blir for sinnsvakt.

 

Resize bildene i Photoshop eller lignende, til 150pixler. Da blir de jo bare ca 10kB pr stk. Du ender opp med dobbelt så mange bilder, men siden blir ihvertfall mer lettlastet.

 

Det går an å lage thumbnail-on-the-fly, lett å gjøre i f.eks jsp *digge jsp og java*

[ATWindsor]

Forøvirg må det kommeteres at å resize i photoshop er usakelig tungvint, det finns mange programmer som resizer utrolig mye fortere, man kan feks velge maks pixel, og å beholde formen, og man vil få bilder som er enten 150 brede eller høye, spørs på deres opprinnelig form, og få programmet til å kjøre denne operasjon på hele mapper, og voila: tusenvis av bilder resizet helt riktig på null tid, jeg liker dette alternativet bedre enn å here med java/jsp, slipper man å belaste systemet mer enn nødvendig.

 

Nå husker jeg ikke navnet på noen mass-resizing-programmer, men søk litt og du vil garantert finne.

 

AtW

[Bisarre]

Det går an å lage thumbnail-on-the-fly, lett å gjøre i f.eks jsp *digge jsp og java*

 

OK... Så da gjøres det på server, slik at man slipper å laste hele bildestørrelsen? Kult...

[tKila]

Om du ikke gidder, finnes det en fiks ferdig her:

 

http://www.hotscripts.com/Detailed/15112.html

 

Hvor hver mappe blir ett nytt galleri.

 

ASP

[magikern]

Den som leser finner og nå har jeg funnet ut det jeg ikke fikk til på dette scriptet så da endrer vi litt:

 

bare en liten ide jeg kom på nå i php

$size = getimagesize("$img");

if($size[0] == $size[1]) { //hvis de er like store definerer vi begge

echo("<img width="150" height="150">");

}

elseif($size[0] > $size[1]) {  //hvis width er størst så definerer vi bare width

echo("<img width="150" height="">");

}

else {  //hvis height er størst så definerer vi bare height

echo("<img width="" height="150">");

}

 

så nå skal den altså gjøre det jeg forsto at du trengte hjelp til, men som mange andre her har sagt så tar det lang tid med lasting og sånt da bilde er like stort selvom det ikke ser sånn ut, en ting man da kan gjøre er å implementere denne koden med litt gd koding så den lager nye filer med info om størrelse fra dette scriptet.

[SuperFly]

Forøvirg må det kommeteres at å resize i photoshop er usakelig tungvint, det finns mange programmer som resizer utrolig mye fortere, man kan feks velge maks pixel, og å beholde formen, og man vil få bilder som er enten 150 brede eller høye, spørs på deres opprinnelig form, og få programmet til å kjøre denne operasjon på hele mapper, og voila: tusenvis av bilder resizet helt riktig på null tid, jeg liker dette alternativet bedre enn å here med java/jsp, slipper man å belaste systemet mer enn nødvendig.

 

Nå husker jeg ikke navnet på noen mass-resizing-programmer, men søk litt og du vil garantert finne.

 

AtW

 

Photoshop gjør dette i en fei (så lenge du har en noenlunde oppegående maskin). Du kan resize hele mapper der også. Men det er vel ikke dette du er ute etter så vidt jeg forstår.

 

Noen nevnte å gjøre dette "on the fly", du sier du koder i asp, da trenger du en komponent, har ikke funnet noen som gjør dette gratis _og_ bra. Du kan jo sjekke ut denne (30 dagers trail).. http://www.brizsoft.com/asp/thumb/. Dette gjelder da asp 3.0

 

Har selv bare begynt i det små med asp.net, så det kan tenkes det er mulig å gjøre det du er ute etter uten bruk av extra komponenter med .net.

[ZoRaC]

Når jeg skal lage "thumbs" bruker jeg "Jasc Image Robot" (www.jasc.com).

Der kan du velge masse bilder og resize i en fei!

 

Bildene får samme navn, men i en annen mappe enn originalene, så da er det enkelt å mekke linker.

 

F.eks.

Thumbene ligger under /bilder/thumbs og de andre under bilder/stor

Bildene heter image##.jpg i begge to. Da kan du bruke PHP, ASP, JS, osv til å bare angi hvor mange bilder du har, så mekker den opp de i tabell og linker til nye vinduer. (laget noe i JS engang, men husker ikke hvor jeg gjorde av det... )