---
title: "bild vs. bilder"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/150940-bild-vs-bilder"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "hana78"
published: "2006-09-05T14:40:36.000Z"
updated: "2006-09-06T17:30:32.000Z"
replies: 12
views: 685
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/150940-bild-vs-bilder"
---

# bild vs. bilder

## #1 — hana78, 2006-09-05T14:40Z

tja!

jag har ingen aning om hur jag räknar ut det här eller ens om jag tänker rätt men låt säga att jag har en stor bakrund till min hemsida som är gradient... (typ 600x400px)

visst borde det väl spara bandbredd om jag bara tog en liten bild 1x400px och sen lät browsern repeata bilden över bakgrunden?

den laddar väl inte in bilden 600ggr då så att det går åt lika mycket bandbredd?
hoppas det inte är så iaf...

tack för svar, hoppas jag!

Permalänk: https://www.webforum.nu/p/150940

## #2 — tydal, 2006-09-05T14:51Z

> **hana78 skrev:**
>
> den laddar väl inte in bilden 600ggr då så att det går åt lika mycket bandbredd?

I minnet laddar den in den 600 gånger, jo, men eftersom det är samma bild laddas den ju bara en gång från din webbserver, alltså sparas en massa bandbredd.

Permalänk: https://www.webforum.nu/p/1861455

## #3 — hana78, 2006-09-05T14:53Z

danke!

Permalänk: https://www.webforum.nu/p/1861457

## #4 — dap, 2006-09-05T15:01Z

Inte 1px

Brukar man inte säga att göra bakgrunder t.ex. 20x400 för bättre prestanda?Då slipper webbläsaren rita samma fil 600 ggr. Bara 30 ggr i detta fallet...

Permalänk: https://www.webforum.nu/p/1861459

## #5 — caya, 2006-09-05T15:16Z

en bild som är 1x400 är mindre för minnet än en bild som är 20x400
rekommenderar att du väljer den som är minst

Permalänk: https://www.webforum.nu/p/1861464

## #6 — mayday, 2006-09-05T15:32Z

> **caya skrev:**
>
> en bild som är 1x400 är mindre för minnet än en bild som är 20x400
> rekommenderar att du väljer den som är minst

Varför bygga en bild som är 1pixel   vore de inte enklare att ange bakgrundsfärg?

Permalänk: https://www.webforum.nu/p/1861469

## #7 — albax, 2006-09-05T15:33Z

> **mayday skrev:**
>
> Varför bygga en bild som är 1pixel   vore de inte enklare att ange bakgrundsfärg?

Den skulle ju vara gradient.

Permalänk: https://www.webforum.nu/p/1861472

## #8 — caya, 2006-09-05T15:34Z

edit: asch... du var snabbare albax

Permalänk: https://www.webforum.nu/p/1861473

## #9 — Alpha II, 2006-09-05T18:14Z

Gör den bredare än en pixel! Att blitta en pixel stor bild på ett stort område är krävande om din besökare mot förmodan skulle komma surfande med en gammal slödator. Men även om så inte är fallet så renderas ju sidor med några bilder i sekunden och att blitta en hög bild som är en pixel bred är oerhört ineffektivt pga hur minnet läses in.

Permalänk: https://www.webforum.nu/p/1861522

## #10 — hltm, 2006-09-06T00:35Z

> **Alpha II skrev:**
>
> Gör den bredare än en pixel! Att blitta en pixel stor bild på ett stort område är krävande om din besökare mot förmodan...

1\. Note to self: alltid [leva som man lär](http://henell.com/scratch2/)...  
Jaja, bara jävlas lite så här på kvällskvisten   :)

Permalänk: https://www.webforum.nu/p/1861623

## #11 — zcorpan, 2006-09-06T11:23Z

Om du använder 3-5px istället för 1px är det inga problem med prestandan. För bilder som repeteras åt båda hållen får du ha ännu mer, säg 30x30px.

Permalänk: https://www.webforum.nu/p/1861727

## #12 — DanneSt, 2006-09-06T16:54Z

Finns det då inget smidigt sätt att via css ange en tonande (gradient) bakgrundsfärg?

Permalänk: https://www.webforum.nu/p/1861819

## #13 — zcorpan, 2006-09-06T17:30Z

Inte än, men det [har föreslagits](http://www.w3.org/Search/Mail/Public/search?keywords=gradient&hdr-1-name=subject&hdr-1-query=&index-grp=Public__FULL&index-type=t&type-index=www-style) flera gånger.

Permalänk: https://www.webforum.nu/p/1861825

---

Tråden på webben: https://www.webforum.nu/amne/html-css/150940-bild-vs-bilder