---

Jeg er i færd med at lave en hjemmeside. Til den gennemgående baggrund har
jeg brugt gradient. Se evt. toppen af
http://www.bugtaling.dk/nylymenu/index.html

Jeg har længe søgt efter en acceptabel måde at undgå jpg-banding på, men det
bedste råd, jeg har fundet via ihærdig søgning på Google, er at tilføre
billedet en anelse støj. Det hjælper, men resultatet bliver ikke smukt.

Hvordan gør man det egentlig rigtigt? På http://jubii.dk er den blå
baggrundsfil jo også i jpg-formatet, men ser langt flottere ud.

Jeg ville blive lykkelig, hvis nogen vil løfte sløret for hemmeligheden...

På forhånd tak

Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Jakob Højlev Jørgensen" <jakobhjfjerndette@tiscali.dk> skrev i en
meddelelse news:ydYSa.24771> Jeg har længe søgt efter en acceptabel måde at
undgå jpg-banding på, men det
> bedste råd, jeg har fundet via ihærdig søgning på Google, er at tilføre
> billedet en anelse støj. Det hjælper, men resultatet bliver ikke smukt.
> Jakob Højlev Jørgensen


Hej Jacob
Du kommer sikkert ikke uden om "Add Noise" - se http://www.pspgrafik.dk/
under Tutorials>Begynder>Gradient uden striber (1. kolonne, sidst).

Mvh\Michael

---

"Michael Nielsen" <christiansbro@hotmail.com> wrote in message
news:e95Ta.32370$Kb2.1354240@news010.worldonline.dk...

> Hej Jacob
> Du kommer sikkert ikke uden om "Add Noise" - se http://www.pspgrafik.dk/
> under Tutorials>Begynder>Gradient uden striber (1. kolonne, sidst).
>
> Mvh\Michael

Hej Michael

Tak for dit svar.

Dér havde jeg nu også været forbi. Måske kan man sige, at mit problem blot
er, at jeg ikke kan få det til at se rimeligt ud. Jeg synes jeg har prøvet
meget: at gøre filen bredere, at "fifle" med forskellige former for støj
osv. Som sagt bliver det pænere, men ikke pænt. Hvad mon jeg gør galt?

Venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Jakob Højlev Jørgensen" <jakobhjfjerndette@tiscali.dk> skrev i en
meddelelse news:Z_6Ta.33955
> Tak for dit svar.
>
> Dér havde jeg nu også været forbi. Måske kan man sige, at mit problem blot
> er, at jeg ikke kan få det til at se rimeligt ud. Jeg synes jeg har prøvet
> meget: at gøre filen bredere, at "fifle" med forskellige former for støj
> osv. Som sagt bliver det pænere, men ikke pænt. Hvad mon jeg gør galt?
>
> Venlig hilsen
> Jakob Højlev Jørgensen
> http://bugtaling.dk


Hej Jacob
Jeg tror ikke du gør noget galt, sådan er JPEG bare *øv*, men prøv at snakke
med alle de smarte grafikere der er inde på medlemssiderne på
www.pspgrafik.dk og evt. spørg i deres forum.

Men måske har det også noget at gøre med de farver du har valgt - er
grundfarverne "websikrede" farver eller måske er toningen forkert - desværre
kan jeg ikke hjælpe dig med en god løsning. Der skal du have fat i
profferne.
Mvh\Michael

---

"Michael Nielsen" <christiansbro@hotmail.com> wrote in message
news:3i8Ta.33988$Kb2.1360822@news010.worldonline.dk...

> Hej Jacob
> Jeg tror ikke du gør noget galt, sådan er JPEG bare *øv*, men prøv at
snakke
> med alle de smarte grafikere der er inde på medlemssiderne på
> www.pspgrafik.dk og evt. spørg i deres forum.
>
> Men måske har det også noget at gøre med de farver du har valgt - er
> grundfarverne "websikrede" farver eller måske er toningen forkert -
desværre
> kan jeg ikke hjælpe dig med en god løsning. Der skal du have fat i
> profferne.
> Mvh\Michael

Hej Michael

Det vil jeg prøve. Tak for dine svar...

Mange hilsener
Jakob Højlev Jørgensen
http://bugtaling.dk

---

Jakob Højlev Jørgensen skrev:

> På http://jubii.dk er den blå baggrundsfil jo også i jpg-formatet,
> men ser langt flottere ud.

Jeg aner ikke en hujende fis om webprogrammering, men det undrer mig
hvordan Jubii kan få en gradient på 175 x 25 pixels til at fylde et
browservindue på f.eks. 1600 x 1200 pixels ud fra top til bund.
Der må være et eller andet programmeringstrick bag, skulle man tro.

Du vil se samme "fænomen" hvis du går ind på <http://www.adobe.com/>.
De har forleden fået opfrisket deres hjemmeside med en grå gradient
i toppen. Hvis man henter den grafik så viser det sig at det kun er
en gradient på 52 pixels i højden og 171 i bredden. Hvordan de får
den grafik til at fylde hele bredden af browservinduet, ved jeg ikke.

--
Med venlig hilsen
Madsen.

---

"Thomas Madsen" <nospam@madsen.tdcadsl.dk> wrote in message
news:Xns93C0889D7F835.thomas@madsen.tdcadsl.dk...
> Jakob Højlev Jørgensen skrev:
>
> > På http://jubii.dk er den blå baggrundsfil jo også i jpg-formatet,
> > men ser langt flottere ud.
>
> Jeg aner ikke en hujende fis om webprogrammering, men det undrer mig
> hvordan Jubii kan få en gradient på 175 x 25 pixels til at fylde et
> browservindue på f.eks. 1600 x 1200 pixels ud fra top til bund.
> Der må være et eller andet programmeringstrick bag, skulle man tro.

Det er nu ikke så vanskeligt. Hvis man vælger et billede som baggrund i
HTML-dokumentet, så gentager det sig automatisk (med mindre, man beder om
andet) Min baggrundsfil er heller ikke så bred (bare 10px):
http://www.bugtaling.dk/nylymenu/bg.jpg

Med det sprog, der hedder CSS (Cascading Style Sheets), kan man nøjagtigt
placere elementer og baggrundsgrafik, hvor man ønsker det.

>Du vil se samme "fænomen" hvis du går ind på <http://www.adobe.com/>.

De har heller ikke hverken gryn eller striber. Der må være ét eller andet,
jeg har overset.

Venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk

---

Jakob Højlev Jørgensen skrev:

> Det er nu ikke så vanskeligt. Hvis man vælger et billede som
> baggrund i HTML-dokumentet, så gentager det sig automatisk (med
> mindre, man beder om andet)

Hvis jeg højreklikker på Jubii's hjemmeside og vælger 'Save
background as', så får jeg hentet en grafik som ser sådan her
ud: <http://home18.inet.tele.dk/madsen/jubii/bluesky_back.jpg>.
Hvordan får man det til at gentage sig uden at det kommer til
at se sådan her ud: <http://home18.inet.tele.dk/madsen/jubii/>,
eller har jeg totalt misforstået noget?

> Min baggrundsfil er heller ikke så bred (bare 10px):
> http://www.bugtaling.dk/nylymenu/bg.jpg

Nå ok. Så må det være min browser som snyder mig for hvis jeg
downloader den og åbner den i Photoshop så har jeg et dokument
som er 22 pixels i højden og 1598 pixels i bredden.

--
Med venlig hilsen
Madsen.

---

"Thomas Madsen" <nospam@madsen.tdcadsl.dk> wrote in message
news:Xns93C08DB942A46.thomas@madsen.tdcadsl.dk...
> Jakob Højlev Jørgensen skrev:
>
> > Det er nu ikke så vanskeligt. Hvis man vælger et billede som
> > baggrund i HTML-dokumentet, så gentager det sig automatisk (med
> > mindre, man beder om andet)
>
> Hvis jeg højreklikker på Jubii's hjemmeside og vælger 'Save
> background as', så får jeg hentet en grafik som ser sådan her
> ud: <http://home18.inet.tele.dk/madsen/jubii/bluesky_back.jpg>.
> Hvordan får man det til at gentage sig uden at det kommer til
> at se sådan her ud: <http://home18.inet.tele.dk/madsen/jubii/>,
> eller har jeg totalt misforstået noget?

Nahh, kun en anelse. Men jeg tror nærmere det her hører hjemme i
webdesign-gruppen. Jubii lader kun baggrunden gentage sig i x-retningen
(side om side). Filen fader over i en meget lys blå, som er sidens
baggrundsfarve. Du kan se hvordan her:
http://www.bugtaling.dk/div/jubii.html

>
> > Min baggrundsfil er heller ikke så bred (bare 10px):
> > http://www.bugtaling.dk/nylymenu/bg.jpg
>
> Nå ok. Så må det være min browser som snyder mig for hvis jeg
> downloader den og åbner den i Photoshop så har jeg et dokument
> som er 22 pixels i højden og 1598 pixels i bredden.

Hehe, ja, jeg forsøger stadig at se, om jeg kan nå et pænere resultat ved at
gøre den lidt bredere. Uden held foreløbig :((

Med venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Thomas Madsen" skrev:
> Hvordan får man det til at gentage sig uden at det kommer til
> at se sådan her ud: <http://home18.inet.tele.dk/madsen/jubii/>,
> eller har jeg totalt misforstået noget?

F.eks. ved at strække det:

<img src="bluesky_back.jpg" width="100%" height="100%">

http://www.et-soft.dk/test/bluesky.htm

Mvh, Lars

---

"Thomas Madsen" <nospam@madsen.tdcadsl.dk> skrev i en meddelelse
news:Xns93C08DB942A46.thomas@madsen.tdcadsl.dk...

> Nå ok. Så må det være min browser som snyder mig for hvis jeg
> downloader den og åbner den i Photoshop så har jeg et dokument
> som er 22 pixels i højden og 1598 pixels i bredden.

Hej
Det er faktisk nemt at lave. Hos Jubii har de bare fixeret den , den
gentager sig kun lodret og kun i toppen. Resten af bagrunden af defineret
lyseblå
Her har jeg gjort det i CSS
http://brodzikowski.homepage.dk/temp/baggrund/

Hilsner
Tomasz

---

Lars Ladingkaer skrev:

> F.eks. ved at strække det:
>
> <img src="bluesky_back.jpg" width="100%" height="100%">
>
> http://www.et-soft.dk/test/bluesky.htm

Det resulterer jo så også i striber kan jeg se.

--
Med venlig hilsen
Madsen.

---

"Thomas Madsen" skrev:
>> http://www.et-soft.dk/test/bluesky.htm
> Det resulterer jo så også i striber kan jeg se.

Ja, der er ikke nok farver til at strække den i Y-retningen uden at det
giver striber.

Men det var blot for at vise hvordan man strækker billeder. Jubii bruger den
lidt anderledes (som Jakob viste).

Mvh, Lars

---

Jakob Højlev Jørgensen skrev:

> Nahh, kun en anelse. Men jeg tror nærmere det her hører hjemme i
> webdesign-gruppen.

Det tror jeg også.

> Jubii lader kun baggrunden gentage sig i x-retningen (side om
> side). Filen fader over i en meget lys blå, som er sidens
> baggrundsfarve. Du kan se hvordan her:
> http://www.bugtaling.dk/div/jubii.html

Det resulterer nu ikke i den samme gradient som jeg ser på Jubii.

--
Med venlig hilsen
Madsen.

---

"Thomas Madsen" <nospam@madsen.tdcadsl.dk> wrote in message
news:Xns93C093D7BF7D2.thomas@madsen.tdcadsl.dk...
> Jakob Højlev Jørgensen skrev:

> > Jubii lader kun baggrunden gentage sig i x-retningen (side om
> > side). Filen fader over i en meget lys blå, som er sidens
> > baggrundsfarve. Du kan se hvordan her:
> > http://www.bugtaling.dk/div/jubii.html
>
> Det resulterer nu ikke i den samme gradient som jeg ser på Jubii.

Hmmm, det lyder mystisk. CSS-koden er ellers lynlånt fra dem selv.

Men som sagt hører debat om den eksakte placering af baggrundsfiler nok
nærmere hjemme i news:dk.internet.webdesign.html - ellers må du sende mig en
mail ;)) Det grundlæggende bliver dog forklaret grundigt her:
http://html.dk/tutorials/css/lektion3.asp

Venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Jakob Højlev Jørgensen" <jakobhjfjerndette@tiscali.dk> wrote in message
news:5qaTa.34051$Kb2.1369082@news010.worldonline.dk...

> Men som sagt hører debat om den eksakte placering af baggrundsfiler nok
> nærmere hjemme i news:dk.internet.webdesign.html -

Ups, news:dk.edb.internet.webdesign.html ;))

Venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Thomas Madsen" skrev:
>> http://www.bugtaling.dk/div/jubii.html
> Det resulterer nu ikke i den samme gradient som jeg
> ser på Jubii.

Her ser de nu meget ens ud: http://www.et-soft.dk/test/jubii.htm

Første vindue er Jakobs.

Men måske der er forskelle i fortolkningen i browserne, det er et andet
problem jeg syntes man tit slås med når man bliver lidt for kreativ.


Mvh, Lars

www.recorder.dk - Sammenligning af HD & DVD optagere

---

Lars Ladingkaer skrev:

> Ja, der er ikke nok farver til at strække den i Y-retningen uden
> at det giver striber.

Ok.

> Men det var blot for at vise hvordan man strækker billeder. Jubii
> bruger den lidt anderledes (som Jakob viste).

Og ok igen. :)

--
Med venlig hilsen
Madsen.

---

Lars Ladingkaer skrev:

> Her ser de nu meget ens ud: http://www.et-soft.dk/test/jubii.htm
>
> Første vindue er Jakobs.

Det er også mig der vrøvler. I første omgang så Jakobs gradient ud til
at være mørkere foroven end på Jubii's side, men efter at have stillet
to browservinduer op ved siden af hinanden med Jakobs i det ene og
Jubii's i det andet, kan jeg se at de er helt identiske (IE 6 SP1 her).

--
Med venlig hilsen
Madsen.

---

"Jakob Højlev Jørgensen" skrev:
> Jeg ville blive lykkelig, hvis nogen vil løfte sløret for
> hemmeligheden...

Jeg tror det er velvalgte farver i forhold til anvendte billedkompression.

Jubiis farver er 2 blå nuancer indenfor samme "spektre".

Men har du prøvet at gemme det som PNG ?

Jeg har selv været igennem møllen med gradients, og det tog mange forsøg at
lave en i GIF (256 farver) fordi jeg dengang fandt JPG svær at arbejde med
og PNG ikke var udbredt nok dengang.

Den gradient jeg lavede dengang kan stadig ses på http://www.ovethi.dk/dk
(menuen)

Der er også forskellige andre teknikker, til at reducere billedstørrelsen i
forhold til bruge høj "compression value". F.eks. med din gradient, der kan
du nøjes med at lave et billede der er 1-2 pixels højt, og blot sætte
"height" til det det skal være i html filen. Så vil browseren strække det ud
til den højde, men selve filen vil måske være blevet så meget mindre at du
kan tillade dig til bruge en lavere "compression value" for bedre kvalitet
istedet.

Her er et eksempel:
http://www.et-soft.dk/test/gradient.htm
Baggrundsfilen er 548x1 pixels, størrelse ca. 1,6kb

Og så kan man også lege med at sætte flere billeder sammen til et:
http://www.et-soft.dk/test/gradient2.htm
Baggrundsfilerne er hver 548x1 pixels, størrelse ca. 1,6kb

De to baggrunde i gradient2 er blot et spejl (mirror) af hinanden, men fil
nr.2 kunne ligeså være en helt anden der blot tog udgangspunkt i den farve
som første fil slutter med:
http://www.et-soft.dk/test/gradient3.htm

Og det kan kombineres i en uendelighed, blot for at give nogle ideer om
hvilke muligheder der er for at lave flotte gradients der ikke fylder for
meget at downloade.

Mvh, Lars

www.recorder.dk - Sammenligning af HD & DVD optagere

---

"Lars Ladingkaer" <larl@et-soft.dkX> wrote in message
news:3f1d2ad0$0$83040$edfadb0f@dtext01.news.tele.dk...
> "Jakob Højlev Jørgensen" skrev:
> > Jeg ville blive lykkelig, hvis nogen vil løfte sløret for
> > hemmeligheden...
>
> Jeg tror det er velvalgte farver i forhold til anvendte billedkompression.
>
> Jubiis farver er 2 blå nuancer indenfor samme "spektre".

Er problemet, at jeg går fra grøn og over i en mere gulgrøn? Jeg er ikke
helt sikker på, hvad du mener med "spektre"?

> Men har du prøvet at gemme det som PNG ?
Ja, men jeg synes problemet var det samme. Er der ikke også nogle gamle
browsere, der har problemer med png?

>
> Jeg har selv været igennem møllen med gradients, og det tog mange forsøg
at
> lave en i GIF (256 farver) fordi jeg dengang fandt JPG svær at arbejde med
> og PNG ikke var udbredt nok dengang.
>
> Den gradient jeg lavede dengang kan stadig ses på http://www.ovethi.dk/dk
> (menuen)

Den er da imponerende fin med bare 256 farver...

> Der er også forskellige andre teknikker, til at reducere billedstørrelsen
i
> forhold til bruge høj "compression value". F.eks. med din gradient, der
kan
> du nøjes med at lave et billede der er 1-2 pixels højt, og blot sætte
> "height" til det det skal være i html filen. Så vil browseren strække det
ud
> til den højde, men selve filen vil måske være blevet så meget mindre at du
> kan tillade dig til bruge en lavere "compression value" for bedre kvalitet
> istedet.

Baggrundsfiler kan så vidt jeg ved ikke strækkes, kun "fliselægges". Men
hvis billedet kun er 1-2 pixels højt, går det jo helt galt, hvis man
forsøger at mildne bandingen med "Add noise". Så kommer der for alvor
streger, da en enkelt pixels farveafvigelse gentages mange gange lodret.

> Og det kan kombineres i en uendelighed, blot for at give nogle ideer om
> hvilke muligheder der er for at lave flotte gradients der ikke fylder for
> meget at downloade.

Tak for dit svar. Er løsningen at finde nogle andre farver?

/Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Jakob Højlev Jørgensen" skrev:

>> Men har du prøvet at gemme det som PNG ?
> Ja, men jeg synes problemet var det samme. Er der
> ikke også nogle gamle browsere, der har problemer
> med png?

Jo, men de er meget gamle nu (version 3-browsere og derunder såvidt jeg
husker)

> Er løsningen at finde nogle andre farver?

Ikke nødvendigvis, prøv at se denne test:

http://www.et-soft.dk/test/gradient4.htm

Jeg syntes faktisk GIF gør det pænest med dit farvevalg.

Mvh, Lars

www.recorder.dk - Sammenligning af HD & DVD optagere

---

"Lars Ladingkaer" skrev:
> http://www.et-soft.dk/test/gradient4.htm

Jeg er lige midt i at flytte webhotel, så hvis mine link til www.et-soft.dk
ikke virker så har jeg også lagt dem ind på www.recorder.dk nu.

Nyeste er denne:
http://www.recorder.dk/test/gradient4.htm

Og de tidligere tests hedder:
http://www.recorder.dk/test/gradient.htm
http://www.recorder.dk/test/gradient2.htm
http://www.recorder.dk/test/gradient3.htm

Mvh, Lars

www.recorder.dk - Sammenligning af HD & DVD optagere

---

"Lars Ladingkaer" <larl@et-soft.dkX> wrote in message
news:3f1d47ee$0$83063$edfadb0f@dtext01.news.tele.dk...
> "Lars Ladingkaer" skrev:
> > http://www.et-soft.dk/test/gradient4.htm

Tak for hjælpen til alle.

Det lykkedes til sidst at nå et rimeligt resultat i jpg-formatet, synes jeg.

Jeg lavede en højere fil (1600x40 pix), tilførte den støj ("Add noise: 4%,
Uniform"), herefter føjede jeg "Motion Blur" ("Angel 267, 14 pix"), og gemte
i bedste jpg-kvalitet. Filen fyldte da 10,5 KB.

Jeg har siden komprimeret den ret kraftigt, og er nået ned på 1,43 KB.
Resultatet kan i et par dage ses på:
http://www.bugtaling.dk/nylymenu/indexny.html

Sammenlign evt. med den gamle på:
http://www.bugtaling.dk/nylymenu/index.html

Jeg synes resultatet er acceptabelt nu, og det fylder ikke mere, end at det
er tåleligt.

Endnu en gang tak for hjælpen...

/Jakob Højlev Jørgensen
http://bugtaling.dk

---

"Lars Ladingkaer" <larl@et-soft.dkX> wrote in message
news:3f1d3c18$0$83053$edfadb0f@dtext01.news.tele.dk...
> > Er løsningen at finde nogle andre farver?
>
> Ikke nødvendigvis, prøv at se denne test:
>
> http://www.et-soft.dk/test/gradient4.htm

(og http://www.recorder.dk/test/gradient4.htm)

> Jeg syntes faktisk GIF gør det pænest med dit farvevalg.

Ja, men desværre fylder gif-formatet næsten 3 gange så meget som jpg, fordi
der er så mange farver i brug. Men umiddelbart er det overraskende, at gif
klarer sig så godt. Der er dog stadig en anelse banding.

Tusind tak for din ihærdige hjælp...

Venlig hilsen
Jakob Højlev Jørgensen
http://bugtaling.dk