Ik wil een foto gebruiken als achtergrond, echter deze foto's heeft een enorme belasting op de laadtijd van mijn site.
Weet iemand of er een andere manier is om een foto op de achtergrond te gebruik zonder dat de laadtijd enorm lang is.
Had zelf iets gelezen ergens over x-axis, maar heb geen idee hoe je dit voor elkaar moet krijgen.
- Foto als achtergrond
-
31-05-2010, 14:47 #1RS Webtrading
- Berichten
- 47
- Lid sinds
- 16 Jaar
Foto als achtergrond
-
31-05-2010, 14:51 #2
- Berichten
- 944
- Lid sinds
- 14 Jaar
Misschien gewoon via een link van je plaatje in je html te zetten.
Dus je plaatje uploaden op (bijvoorbeeld) TinyPic.com, en dan in je html zetten via img src.
-
31-05-2010, 15:18 #3
- Berichten
- 25
- Lid sinds
- 14 Jaar
Of eerst de hele pagina laden met bijvoorbeeld een zwarte achtergrond, en daarna als de pagina geladen is het plaatje pas laden, zodat de gebruiker alvast op de website kan kijken.
En de afbeelding in de cache opslaan.
Zoiets word het dan:
<html>
<head>
<script type="text/javascript">
var img = new Image;
img.src = "http://www.watervueapartments.com/wp-content/uploads/2010/03/Biggest-Loser-Winner-1712.jpg";
window.onload = function() {
document.body.style.backgroundImage = "url(http://www.watervueapartments.com/wp-content/uploads/2010/03/Biggest-Loser-Winner-1712.jpg)";
}
</script>
</head>
<body bgcolor="#FFFFFF">
</body>
</html>
-
31-05-2010, 15:20 #4Ondernemer
- Berichten
- 1.356
- Lid sinds
- 17 Jaar
De pixels zullen hoe dan ook geladen moeten worden; enigste manier om de laadtijd te versnellen terwijl de afbeelding resolutie hetzelfde blijft en het formaat is dus: de website op een snelle server draaien
-
31-05-2010, 15:23 #5gast5581 Guest
In photoshop quality op 60% zetten en dan opslaan.
Scheelt enorm in bestandsgrootte.
-
31-05-2010, 15:32 #6Particulier
- Berichten
- 2.973
- Lid sinds
- 18 Jaar
Hoe groot is het bestand in MB?
-
31-05-2010, 15:41 #7Particulier
- Berichten
- 620
- Lid sinds
- 14 Jaar
Een heel handige tip: sla 2 foto's op van 1 foto, waarbij de 1e foto de linkerkant en de 2e foto de rechterkant, de foto moet je alshetware door 3en delen, de middelste laat je weg, waaom ? Omdat het middeslte stuk achter de contentarea komt en in 90% deze dus niet te zien is. Waarom zou je dat stukje moeten laden als niemand deze ziet? Indien aan de bovenkant ook een stukje van de foto te zien is dan sla je er nog 1 op van dat stukje, maar het gedeelte achter de content area hoeft niet wat soms wel 50% van het plaatje is. Dus ook 2 keer sneller zal laden.
Als je het niet snapt zie dan het volgende voorbeeld wat ik even snel heb gemaakt:Laatst aangepast door Hasan B. : 31-05-2010 om 15:47
-
31-05-2010, 21:36 #8
- Berichten
- 694
- Lid sinds
- 14 Jaar
Maak de achtergrond kleiner door voldoende jpg compressie en/of kijk naar de volgende technieken die misschien geschikt zijn:
http://perishablepress.com/press/200...vascript-ajax/
http://www.prismgraphicdesign.co.uk/blog/?p=12
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic