Auteur Topic: Achtergrond website  (gelezen 1099 keer)

0 leden en 1 gast bekijken dit topic.

Offline Cristina

  • Full Member
  • ***
  • Berichten: 189
  • Bedankjes 7
    • Drie Meubelambachten
Achtergrond website
« Gepost op: februari 25, 2013, 10:24:29 am »
Beste allemaal,

ik heb mijn achtergrond met photoshop gemaakt en hij is prachtig maar ik zou hem sneller willen maken.
Ik heb hem opgeslagen voor web. En natuurlijk is het belangrijk dat ik in kwaliteit niet wil inboeten.
Hebben jullie misschien nog tips??

Dank je en groetjes,
Cris
Met honing bereik je meer dan met azijn :)

Offline @rno

  • Jr. Member
  • **
  • Berichten: 69
  • Bedankjes 3
Re: Achtergrond website
« Reactie #1 Gepost op: februari 25, 2013, 11:38:42 am »
De resolutie bepaalt uiteraard voor een groot deel de uiteindelijke bestandsgrootte (en daarmee de snelheid van inladen).
Bepaal welke resolutie je wilt hebben, schermen hebben vandaag de dag een maximale resolutie van 1920x1200 dus een grotere resolutie heeft niet zo'n zin als background.
De meeste gebruikers hebben echter een nog lagere resolutie, wellicht dus dat je met je resolutie iets van 1536x960 kan gebruiken of als je een andere verhouding gebruikt bijvoorbeeld 1536x864 of 1600x1200 of zoiets dergelijks.
Verder kan het formaat nog wat van invloed zijn JPG of PNG scheelt een beetje met elkaar. Ook het aantal kleuren (bits per pixel) heeft invloed op de grootte van het uiteindelijke formaat. Misschien ziet het er in 256 kleuren ook nog acceptabel uit en is 16,7 miljoen kleuren overbodig.....

Offline Otto

  • Administrator
  • Hero Member
  • *****
  • Berichten: 697
  • Bedankjes 39
  • Er bestaan geen domme vragen
    • Artenweb.nl, webdesign voor Joomla!® en VirtueMart
Re: Achtergrond website
« Reactie #2 Gepost op: februari 25, 2013, 11:50:15 am »
Hoi Cris,

Opslaan als PNG met een maximale resolutie van 80 DPI. Dat is net iets hoger dan de beste scherm resolutie (72 DPI).
Artenweb.nl creatieve unieke Joomla en VirtueMart websites!
Vragen allen via dit Forum!
KvK: 52022552 - Voor onderscheidende Joomla sites die werken!

Offline Cristina

  • Full Member
  • ***
  • Berichten: 189
  • Bedankjes 7
    • Drie Meubelambachten
Re: Achtergrond website
« Reactie #3 Gepost op: februari 25, 2013, 12:31:57 pm »
@ Otto hier een link naar mijn site http://www.driemeubelambachten.com/joomla/
mijn instellingen zijn nu 72dpi maar hij is een gif afbeelding


@ @rno de resolutie van mijn achtergrond is 1583x738, dat zou toch goed moeten zijn???



« Laatst bewerkt op: februari 25, 2013, 12:36:14 pm door Cristina »
Met honing bereik je meer dan met azijn :)

Offline @rno

  • Jr. Member
  • **
  • Berichten: 69
  • Bedankjes 3
Re: Achtergrond website
« Reactie #4 Gepost op: februari 25, 2013, 13:07:47 pm »
Hoi Cris,

Opslaan als PNG met een maximale resolutie van 80 DPI. Dat is net iets hoger dan de beste scherm resolutie (72 DPI).

Hoi Otto, even wat  :offtopic_happy: maar is het aantal DPI voor een beeldscherm van toepassing? Het gaat toch uiteindelijk om het aantal pixels dat in het plaatje zit? DPI wordt toch pas relevant als er ook afdrukken gemaakt worden (hoeveel pixels in een inch er afgedrukt worden)?

 :ontopic:
De resolutie is inderdaad niet gek.

Offline jollywood

  • Full Member
  • ***
  • Berichten: 116
  • Bedankjes 10
    • ProFront.nl
Re: Achtergrond website
« Reactie #5 Gepost op: februari 25, 2013, 13:28:16 pm »
Hi Cristia,

Wellicht kan de resolutie omlaag en vervolgens van je plaatje ( schilderij !!) een vector image maken
met illustrator en niet met fotoshop. Zodoende kijken of je op een kleinere file kunt uitkomen.

Ik zou zeker geen gif image gebruiken maar een jpg of png
Aan het eind van de dag is er altijd nog een stuk onbekend internet over. En morgen is er weer een nieuwe dag.

Offline Renata

  • Administrator
  • Hero Member
  • *****
  • Berichten: 780
  • Bedankjes 37
    • 1place4ads
Re: Achtergrond website
« Reactie #6 Gepost op: februari 25, 2013, 14:02:59 pm »
Ik zie dat je png als extensie gebruikt. Maak daar eerst eens een jpeg van, dat scheelt aanzienelijk in zwaarte mbt aantal kb's.

en idd nooit gif gebruiken daar de kwaliteit van de afbeelding er alleen maar bij inboet.

Groetjes
Renata
1place4ads Grafisch webdesign voor professionele websites, logo's, huisstijlen, banners en meer. U betaalt pas na tevredenheid!
KvK nr.: 51546418

Offline Cristina

  • Full Member
  • ***
  • Berichten: 189
  • Bedankjes 7
    • Drie Meubelambachten
Re: Achtergrond website
« Reactie #7 Gepost op: februari 25, 2013, 14:38:28 pm »
hoi jollywood en Renata,
dank je voor jullie tips ik heb nu een png afbeelding van gemaakt die kleiner is maar... is die beter zo???
Laad ie sneller??
@jollywood ik heb geen idee van illustrator, hoe kan ik hem daar kleiner maken?
 :-* :-* :-* Cris
« Laatst bewerkt op: februari 25, 2013, 14:44:33 pm door Cristina »
Met honing bereik je meer dan met azijn :)

Offline Renata

  • Administrator
  • Hero Member
  • *****
  • Berichten: 780
  • Bedankjes 37
    • 1place4ads
Re: Achtergrond website
« Reactie #8 Gepost op: februari 25, 2013, 14:40:42 pm »
hoi hoi

Maak er eens een jpg van? In photoshop kun je het verschil zien in kb. Jpg geeft ook prima kwaliteit maar is minder zwaar als een png en laadt dus sneller.

Verder heeft snelheid ook alles te maken met je server ;)

Groetjes
Renata
1place4ads Grafisch webdesign voor professionele websites, logo's, huisstijlen, banners en meer. U betaalt pas na tevredenheid!
KvK nr.: 51546418

Offline Cristina

  • Full Member
  • ***
  • Berichten: 189
  • Bedankjes 7
    • Drie Meubelambachten
Re: Achtergrond website
« Reactie #9 Gepost op: februari 25, 2013, 14:45:21 pm »
@Renata ik ga het nu proberen eerst naar jpg en dan png ;)
net geprobeerd maar dan wordt ie niet kleiner :S
« Laatst bewerkt op: februari 25, 2013, 14:48:19 pm door Cristina »
Met honing bereik je meer dan met azijn :)

Offline Jheroen

  • Full Member
  • ***
  • Berichten: 178
  • Bedankjes 9
    • Joomlapartner
Re: Achtergrond website
« Reactie #10 Gepost op: februari 25, 2013, 14:50:07 pm »
dat kan bijna niet, als je photoshop gebruikt en kiest opslaan voor web is een jpg kleiner dan een png...  :offtopic_happy:
Met vriendelijke groet, Jheroen Briels
www.joomlapartner.nl, websites - maatwerk - migratie - design
www.joomlahostingsupport.nl, Joomla! hosting - chmodvrij - prima support - concurrerende tarieven
KvK: 32083434

Offline Cristina

  • Full Member
  • ***
  • Berichten: 189
  • Bedankjes 7
    • Drie Meubelambachten
Re: Achtergrond website
« Reactie #11 Gepost op: februari 25, 2013, 14:54:36 pm »
de afbeelding die nu online is is 407.531bytes en die jpg 623.425 bytes  ::)
« Laatst bewerkt op: februari 25, 2013, 15:02:28 pm door Cristina »
Met honing bereik je meer dan met azijn :)

Offline Renata

  • Administrator
  • Hero Member
  • *****
  • Berichten: 780
  • Bedankjes 37
    • 1place4ads
Re: Achtergrond website
« Reactie #12 Gepost op: februari 25, 2013, 15:09:49 pm »
Je hebt hem denk ik op maximum gezet, dan kom ik ook op 600 en nog wat.

Zet eens niet op maximum maar op very high of high

groetjes
Renata
1place4ads Grafisch webdesign voor professionele websites, logo's, huisstijlen, banners en meer. U betaalt pas na tevredenheid!
KvK nr.: 51546418

Offline Arjan

  • Hero Member
  • *****
  • Berichten: 1122
  • Bedankjes 87
    • Dekjam, uw website bouw specialist
Re: Achtergrond website
« Reactie #13 Gepost op: februari 25, 2013, 16:49:23 pm »
Als ik het goed zag dan is de achtergrondkleur egaal en dan zou je kunnen proberen om twee achtergronden te maken van de krullen.

Met css zou je die dan weer kunnen plaatsen. Is dat misschien een idee?
Dekjam, uw website bouw specialist!
http://www.dekjam.nl
KvK; 57623503

Offline jollywood

  • Full Member
  • ***
  • Berichten: 116
  • Bedankjes 10
    • ProFront.nl
Re: Achtergrond website
« Reactie #14 Gepost op: februari 25, 2013, 23:01:35 pm »
Hi Cristina,

Ik heb weinig ervaring met Photoshop dus ik dacht laat ik eens wat proberen, en jou achtergrondschilderij was een mooie uitdaging. Ik heb je file van je site gehaald ( 397 kB .png)
Als ik deze in photoshop zet en save voor het web, zie ik dat dit gesaved wordt als een  1.1 MB file.
Als ik het aantal kleuren terugbreng van 256 naar 32 kleuren en nog wat dingetjes (zie bijlage) zit ik op 140kB.
Dit is bijna 1/3e van het origineel op je site.
Geen idee of dat of de kwaliteit nog acceptabel is maar kijk maar.
Waarschijnlijk is het verstandig om van de originele file, zo groot mogelijk, uit te gaan en aan te passen tot een zo klein mogelijke ( in filesize ) acceptabele .jpg of .png .

Je hebt een PM.

edit: sorry, tweemal zelfde bijlage

Groet,
Jollywood
« Laatst bewerkt op: februari 25, 2013, 23:06:45 pm door jollywood »
Aan het eind van de dag is er altijd nog een stuk onbekend internet over. En morgen is er weer een nieuwe dag.