Foorumin hotlinkattujen kuvien pienennys

[JVO]

Nykyisellään foorumisofta pienentää ulkoisilta palvelimilta suoraan linkatut kuvat 800 pikseliin pitkältä sivulta. Olisiko mahdollista muuttaa tuo 800px 1024 pikseliin, koska useimmat kuvienjakopalvelut tarjoavat 1024 pikseliä leveän/korkean version kuvasta hotlinkattavaksi (Flickr, Photobucket, jne), tällöin säästyisivät kuvat ylimääräiseltä skaalaukselta. 1024 pikseliä ei (ainakaan vaakasuunnassa) ole nykyään niin paljoa koska suosituin näyttöresoluutio on Steamin mukaan 1920 pikseliä leveä. Lisäksi kuvat näyttäisivät paremmalta (mikäli siis linkattu versio on se 1024 pikseliä pidemmältä sivulta) koska ylimääräistä uudelleennäytteistystä ei tarvitsisi tehdä.

edit: Näyttäisi siltä että vain 800 px leveydeltään ylittävät kuvat skaalataan, näytöissähän nykyään leveyttä riittää joten tuota voisi kyllä kasvattaa tai ottaa kokonaan pois.

[Timpe]

Suosi suomalaista eli Kuvat.fi palvelua, tuolta saa käyttöön pienempiäkin esikatselukuvia kuin 1024 px  
Tässä pienin 640 x *** px koko:

[MarkoM]

Steamin kyselyssä kannattaa ottaa huomioon pari seikkaa, ensinnäkin kyseessä on kysely ja toisekseen Steamin kyselyyn vastanneet pelaavat pelejä, joten varmasti laitteisto on viimeistä huutoa ja siksi myös laajakuvanäyttöjen osuus on tuossa kyselyssä korostunut. Eli kaikilla ei edelleenkään ole laajakuvanäyttöjä, vaikka meillä tekniikkahulluilla sellainen olisikin.

Lisäksi nykyisillä puhelimilla on mahdollisuus nettiselailuun ja se tulee vain lisääntymään älypuhelimien ja operaattoreiden datatarjousten myötä, joten nähdäkseni olisi parempi säilyttää jonkinlainen kompromissi kuvien resoluution ja tiedostokoon suhteen... (?)

[JVO]

Teknisorientoituneena foorumina ei liene kovin väärin olettaa että näyttöjen resoluutio mukailee tuota Steamin tulosta. Ja oikeastaan tuohan ei ole kysely muuten kuin siten että Steam kysyy käynnistyessään käyttäjältä josko tuohon haluaa osallistua ja automaattisesti ottaa selvää koneen spekseistä ja lähettää ne eteenpäin, ts. speksejään ei tuohon voi valehdella. Vanhemmatkin 4:5 -kuvasuhteen näytöt tarjoavat vaakaresoluutiota muistaakseni 1280-pikselin verran ja näitä näyttöjähän ei enää pahemmin myydäkään 16:9- ja 16:10 -kuvasuhteen näyttöjen ollessa selvästi suosituin tuotesegmentti.

Puhelinaspektiin sen verran että useimmat mobiilivehkeinten selaimet pienentävät kuvia muutenkin mahduttaakseen ne postimerkkiruudulle; Opera Mini, Mobile Safari, jne tekevät noin. Muistiahan tuo HTML:llä toteutettu kuvien pienennys ei säästä.

[Timpe]

Android 2.3 ja sen perusselain menevät kyllä jumiin, jos erehtyy tulemaan tänne "miinoitettuun" ketjuun jossa on n+1 kpl suuria kuvia upotettuna tekstin sekaan. (Resoluutiota on SE:ssa tarjolla 854 px leveyssuunnassa ja pikkukuvistakin tulee kuormaa liikaa hitaalle nettilinjalle.) Täältä siis yksi ääni nykyisten kokorajojen säilyttämiseksi, jotta mobiilikäytöstä ei tulisi liian hankalaa.

[JVO]

Öö siis, boordihan ei rajoita linkattujen kuvien koko vaan (tarpeettomasti) pienentää niitä näyttöä varten. Isoimmat kuvat mitä täällä näkee on juuri jotain tuhat pikseliä leveitä.

[MarkoM]

Uskoakseni Timpe tarkoitti, että skaalausresoluution nostaminen rohkaisee entistä isompien kuvakokojen käyttämiseen ja sitä myötä latausaikojen pidentymiseen (ja siis mobiiliyhteyksillä pahimmillaan jopa mahdottomiksi)...

[Timpe]

Uskoakseni Timpe tarkoitti, että skaalausresoluution nostaminen rohkaisee entistä isompien kuvakokojen käyttämiseen ja sitä myötä latausaikojen pidentymiseen (ja siis mobiiliyhteyksillä pahimmillaan jopa mahdottomiksi)...

Juurikin näin.
Esimerkkinä aika vaatimaton (hyvin pakkautuva) jpg-kuva vie tilaa näin eri kokoisina esikatselukuvina:
640 x 427 pixels = 18 KB
800 x 533 pixels = 28 KB
1024 x 683 pixels = 49 KB
1280 x 853 pixels = 83 KB
5184 x 3456 pixels = 824 KB (originaali)
Kymmenellä kuvalla tuo kokoero onkin jo merkittävä, joten pyritään vain pitämään upotetut esikatselukuvat kohtuullisen kokoisina, niin näitä sivuja pääsee selaamaan myös mobiilisti/sujuvasti 

[Jorma Koski]

En tiedä liikunko kovin vanhassa maailmassa kun työskentelen arkisin 1280X1024 pikselin näytöllä ja asiakkaiden luona tämä on yleisin näyttökoko - vain harvoilla ja valituilla on laajakulmaa. Verkkopalvelimien käyttölokeissa saattaa olla näyttökokojen jakauma; eräässä sellaisessa (pieni otos) on nyt
1. 1280 x 1024 51.6 %
2. >= 1600 x 1200 22.6 %
3. 1024 x 768 19.4 %
4. 800 x 600 6.5 %

Kotona on sitten noin 1800X1200 pikseliä, useitakin  

[Timpe]

Uskoakseni Timpe tarkoitti, että skaalausresoluution nostaminen rohkaisee entistä isompien kuvakokojen käyttämiseen ja sitä myötä latausaikojen pidentymiseen (ja siis mobiiliyhteyksillä pahimmillaan jopa mahdottomiksi)...

Jatketaanpa aiheesta, kun olen vaihteeksi viikonlopun yli pelkän Soneran mobiililiittymän varassa (kaapelimodeemini  makaa huollossa/testissä Soneralla). Tällä mobiililiittymällä tulee taas tuskallisen selvästi esille foorumille linkitettyjen kuvien SUURI koko, kun keskusteluketjuissa on siellä täällä reilusti yli tuhannen pikselin kokoisia "esikatselu"kuvia. Olen siis sitä mieltä, että säännöissä (ks. alla) esitetty suositus foorumilla esitettävien kuvien pikselikoosta (alle 800 pikseliä) kaikuu kuuroille korville ja käyttäjät ottavat nykyään aivan liikaa vapauksia tämän suhteen. Olisiko tässä aihetta paimenkirjeeseen vai siirrytäänkö hitailla liittymillä selaamaan foorumia kokonaan ilman kuvia (vain valikoidut kuvat manuaalisesti ladaten)?

Link: "Kuvan liittäminen tapahtuu hakasulkeissa olevalla img-määreellä (kts. ohje-valikko). Pyri pitämään kuvan leveys alle 800 pikselin (suuremmat kuvat skaalautuvat pienemmäksi. Kuvia ei voi liittää suoraan vaan ne täytyy sijaita jollain palvelimella."

[Ransu]

Neuvoisiko joku osaavampi miten saan liitetyksi tuollaisen pienen katselukuvan jonka saa kliksauttamalla isommaksi. Yritin etsiä ohjeista, mutta en löydä.
Tuo ilmeisesti auttaisi mobiilikäytössä?

[Timpe]

Auttaisi kyllä. 
Tein tarkan ohjeen tänne muussa yhteydessä:
http://foorumi.avaruus.fi/index.php?topic=8394.msg76197#msg76197
Ja otan siitä kopion tähän alle. Tuo on melko yksinkertainen toimenpide huolimatta pitkästä ohjetekstistäni.
Siihen tarvitaan vain kahdet sisäkkäiset "tagit" eli sivun ohjelmakoodit, joilla kuva lisätään normaalistikin foorumille. Ensin tehdään kuvan lisäys viestin kirjoitusikkunassa (syntyy IMG tagit) ja sitten sen ympärille luodaan vielä toinen URL tagi ohjeen mukaan.

Kuvan saa lisättyä tekstin väliin IMG-tagien käytöllä (alarivistä toinen kuvake vasemmalta viestin muokkaustilassa).
Siis näin:

Koodi [Valitse] Laajenna

[img]https://picasaweb.google.com/polku/kuva.jpg[/img]


<Alla on sitten tarpeetonta lisätietoa, jos haluaa hienostella>
Tuon foorumilla näkyvän pikkukuvan voi näet vielä linkittää esim. isoon megapikseliluokan kuvaan siten, että väritetään ensin hiirellä koko tuo <img>-tagien välinen alue (img-tagit mukaan lukien) ja klikataan sitten tuota normaalia linkin luomiseen tarkoitettua <Lisää linkki> painiketta (kolmas vasemmalta muokkaustilassa).
Lopputuloksena tällainen koodi:

Koodi [Valitse] Laajenna

[url][img]https://picasaweb.google.com/polku/kuva.jpg[/img][/url]

Ja jotta tuo toimisi oikeasti toimivana linkkinä sivulle "http: // mikälie linkki.fi / kansio / kuva.jpg", pitää tuo sama osoite vielä ujuttaa tuonne <url> koodin sekaan näin:

Koodi [Valitse] Laajenna

[url=http: // mikälie linkki.fi / kansio / kuva.jpg][img]https://picasaweb.google.com/polku/kuva.jpg[/img][/url]
Tuonne tulee siis "=" merkki ja linkin osoite URL-tagin sisälle (ennen URL-tagin sulkevaa hakasulkua).

HUOM. Suoraan tekstin sekaan upotettavan kuvan on tietysti oltava omaa tuotantoa (=tekijänoikeudet kunnossa) ja foorumille sopivaa kokoa (max. 800 pikseliä pidemmältä sivultaan). Myös tehdyn jatkolinkityksen olisi syytä olla testattu ja toimiva (=tämä onnistuu viestin esikatselussa, jossa nuo linkit toimivat normaalisti).

Ja jos tuo ohje on edelleenkin täyttä "hebreaa", niin sitten laittaa pelkän tekstilinkin (URL-tageilla) siihen ISOON kuvaan jonnekin muualle, muttei upota sitä (IMG-tageilla) suoraan foorumille mobiilikäyttäjien kiusaksi. Kiitos!

[jussi_k_kojootti]

Huomatkaa että img-tagin sisällä olevan kuvan on oltava oikeastikin kooltaan (kB) pieni, tai se ei sivulle piirtyvästä koostaan riippumatta nopeuta lataamista ollenkaan.  Myöskin img-tagin width- ja height-parametrit ohjaavat vain piirrettävän kuvan kokoa, tagin takana oleva data siirretään kuitenkin kokonaisuudessaan.

[Timpe]

Juuri näin, kuten Jussi tuossa huomioi.
Esim. Kuvat.fi palvelu tarjoaa suoraan 640 tai 800 pikseliä leveitä pikkukuvia, jotka voi linkittää tuolla IMG-tagilla (tähän linkkiin siis suoraan se kuvan polku/nimitieto, ei mikään selaimen osoiterivin URL-tieto). Ja tuonne URL-tagin yhteyteen tulee sitten sen suuren kuvan sisältävän sivun osoite (Kuvat.fi tapauksessa suoraan selaimen osoiteriviltä). Olen useimmiten lisännyt tekstiin myös kuvalinkin takaa löytyvän kuvan mitat (resoluution/tiedostokoon), jos nämä ovat kovin suuret. Tällöin linkin klikkaaja tietää mitä odottaa latauksesta.