Nov 2, 2008
Hoe groot toon je een foto online.
(view big)
Hoe toon je je foto’s best online? Een issue waar ik al enkele jaren mee worstel. Een blog als deze is handig om met tekst te werken, maar de ideale breedte om tekst te lezen (zo’n 500 pix breed) is mij te klein voor foto’s. Een aangepast fotoblogdesign heeft dan weer een te brede leesregel voor tekst. Zo fotoblogdesign toont vaak slechts één artikel met foto, wat voor mij een minpunt is.
De gallerij van Flickr vind ik fantastisch. Het beeld schaalt naar de grootte van je scherm, de beelden nemen het volledige scherm in en alle knoppen worden onzichtbaar als je je cursor niet meer aanraakt. De gallerij springt naar volledige schermgrootte zonder een nieuw venster te openen. De Flickr gallery werkt op elke grootte en zelfs in rss lezers. Maar soms wil je slechts één foto tonen. Of meerdere foto’s tegelijkertijd. Een ‘full screen’ knop op iedere individuele foto die je ‘embed’ zou ik een handige uitbreiding vinden.
Er zijn heel wat slideshow tools zoals SlideShowPro of de gallerij die je met Photoshop of Lightroom kan maken. Ook dat is niet wat ik zoek. Vooral qua beheer en animatie. Soms zie ik eens een pagina met allemaal beelden horizontaal naast elkaar, waarbij je simpelweg horizontaal kan scrollen. Leuk, maar ook niet alles.
Voor dit blog ga ik op zoek naar een aangepast template waarmee ik foto’s minstens 800pix breedt kan tonen. Misschien de ‘sidebar’ laten vallen. En een tool waarmee je de foto naar voren kan brengen tot 1200pix langste zijde. En zo geen lightbox, want dat vind ik een onaangenale tool in gebruik.
Ondertussen embed ik een foto op de klassieke 500 pixels, maar biedt ik u met veel plezier een grotere versie aan met 1200pix aan langste zijde. Als je een kleiner scherm hebt, laat een goede browser als Firefox je toe de foto te scalen binnen de grootte van je scherm of op ware grootte te bekijken
Tips voor dé ideale gallerij en dé ideale manier en grootte om een foto online op zijn best te tonen zijn altijd welkom. Ik kan ze gebruiken om een klassieke portfoliosite mee te bouwen. Hoewel die waarschijnlijk custom zal gebouwd worden.
Zelf vind ik 600 pixels nog steeds wel een mooie maat om foto’s in te vertonen; niet te groot voor kleine resolutie schermen n nog steeds aardig te bekijken op hoge resolutie beelschermen.
Maarja, als je echt aandacht naar een foto wilt dan zie je ze toch het lieft full-screen..
De recentste versies van K2 (de template die je gebruikt) geven je de mogelijkheid om de sidebar onderaan te zetten, en je layout ‘fluid’ te maken, zodat de breedte meegaat met het browserscherm…
alle je kent patje dus ook al :) wat bracht jou naar de kask? :)
Op zich lijkt het een vrij banale probleem, maar als ik meer erover nadenkt, zijn er toch enkele dingen waarop je moet letten.
De afbeelding mag niet zo groot zijn dat ze de lezer stoort met het scrollen en ze mag ook niet te klein zijn dat het al de imperfecties verstopt, wat ook niet eerlijk is. :P
Misschien is HighSlide iets voor jou? Dat is een javascript gebaseerde fotoviewer. Als je een foto hebt, kan je een laag resolutie beeld en een hoogresolutie beeld toewijzen. Als je op de foto klikt wordt die dan vergroot, als je er dan terug op klikt, wordt ie verkleind.
Er bestaat ook een plugin voor wordpress voor, om het implementeren eenvoudiger te maken.
Ik ga voor de fullscreen. Reeds zes maanden in constructie, en hij geraakt maar niet af. Maar echt, fullscreen, dat is dé manier om een klant/opdrachtgever te wow-en.
work in progress hierzo
Al een aan javascript overlay ala lightbox gedacht?
Ze mag ook niet te groot zijn zodat snodaards je foto’s niet kunnen stelen…
Ik gebruik lightbox, zeer handig te integreren eigenlijk.
Ik toon m’n foto’s 500pixels breed, maar wanneer je ze aanklikt komen ze in overlay 800pixels breed op het scherm (http://www.tupid.be)