HTML Obrázky pre bláznov

Zdravím.
Dnes ma len tak napadla myslienka, ze ako by fungovalo vykreslovanie obrazkov cisto len s pomocou html kodu. Ako som si vytvoril PHP skript a minutu a pol vykresloval obrazok s rozmermi 100x80 pixelov, tak som prisiel na to, ze to nema ziadnu buducnost. Mozno vas zaujima preco som to sem dal, tak len ma to tazilo pri srdci a potreboval som sa zdoverit. Ale myslim si ze urcite sa najde niekto kto uz nad tym uvazoval ale mal viac rozumu a nezrealizoval to... Vysledny html subor ma 850kb a to je trosku vela na stranku a ta halda divov tam, az sa niekto bude divit. Tu je odkaz na ten obrazok-neobrazok, snad sa dockate nacitania. Odprucam si to stiahnut a tak pozriet, neviem ci to nezatazuje server. Ale asi nie, a ak nahodou hej, tak kto chce aby mi zrusili ucet, spustajte to kym to pojde.

Povodne som chcel vlastnorucne pomocou irfanu zistit farby jednotlivych pixelov a dat ich do CSSka ale ked len tak cirou nahodou vynasobim sto osemdesiatimi, dostanem niekolko dnove, ked nie tyzdnove cislo. A tu uz konci sranda...

Imho je to zaujimava vec, ale ake malo byt povodne vyuzitie? Lebo s tym si mohol dopredu ratat, ze kodu bude neurekom. Ale je to pre fajnšmekrov, mas hlas.

cool, skoro mi to zhodilo firefox ale stalo to za to o-D

lio04: no to bol len chvylkovy vypadok, ale tak v kutiku duse som naozaj dufal, ze to nacita skor ako obrazok, ale predsa len osemtisic divou je vela oproti obrazku

je to vazna zaujimave len to nacitavanie ale inak ako dlho si to robil?

zaujimave

dadmtb - myslim ze to nerobil dlho:
idiotart - robil si to tak, ze skriptom si presiel kazdy pixel a zistil jeho farbu a potom ulozil do divov?

Využitie - nulové
Hodnota nápadu - žiadna (alebo dokonca záporná). Keď má takáto miniatúra veľkosť 850kB, tak to stráca akýkoľvek význam. Dá sa to kopírovať, dá sa s tým robiť všetko. A neviem ako tomu pridáš alternatívny text + ti to google nezindexuje ako obrázok (čo je škoda pre teba).

aj ja som sa kedysi pokusal spravit nieco podobne aby mi nekopirovali obrazky =D
potom mi dosli netusene moznosti Print screenu a ctrl+c ctrl+v a na to, ze komprimacne metody obrazkov niesu tak celkom nahovno x) cize po 1-2 dnoch som sa na to vybodol ale aby som taku zbytocnost prezentoval... to ma veru nenapadlo

jaji: presne tak, som bol odhaleny a teraz konecne mozu zmazat tuto temu.
shaggy: ja som o googli pri tom ani neuvazoval, ved kto by si taky obrazok dal na stranku? (okrem mna teda) Clovek sa aspon uci nove moznosti PHP. Doteraz som napriklad nepracoval s pixelmi a nezistoval ich farbu, co sa moze hodit pri urceni prevladajucich farieb a tak.

toto je uplna blbost bez realneho vyuzitia

dalsi z "virusov", ktrory zhodi ie

keby to zdokonalis tak, ze podobne farby ktore susedia davas do vacsich divov, bolo by to (trochu) lepsie. Alebo obmadz farby na ciernu/bielu.

jaji: No, tak to vizera, ze GD pracuje len s 24bitovymi pngckami, pri 4farebnom to hadze na kazdy pixel #000001. Ale ten napad s vacsimi divmi je zaujimava vec. Potom by sa dalo vyuzit aj pole rovnakej farby do jedneho divu, ale to uz by bol komplikovany script.

// respektive, dalo by sa to hodit do tabulky, a zlucit bunky s rovnakymi farbami, vtedy by slo zlucovat ako horizontalne, tak vertikalne a aj dokopy.

ja so mto už raz skúšal, ale pre veľkosť html dokumentu som to nechal tak...

inak, ten kód by sa dal o dosť zmenšiť, na každý div tam máš style="height: 1px; width:1px; float:left; background-color: ..... "

a keby si každému div dával iba style="background-color: ...." a definoval si style v hlavičke div{height: 1px; width:1px; float:left;} ??
o dosť by sa to zmenšilo.. skúšal som to, z toho tvojho, a zmenšilo sa to iba na cca 530kb.. takže itak nič moc

idiotart, ak na tom budeš ešte pár storočí pracovať, možno vytvoríš nový png alebo gif formát pre web, a daj si záležať na tom, aby to fungovalo potom aj na IE

Blby napad podla mna strata casu ale kliknem a pockam si co to urobi

inak, k teme nieco podobne:
http://chod.sk/aagi8

Vysledky poslednych premarnenych dni:

Povodna cista velkost: cca 540kb (prva verzia mal haldu medzer, preto bolo 850kb)

Zadefinovany styl pre DIV v hlavicke. (thanx to emer za prakticku ukazku)
Velkost: cca 310kb

Zdokonalene zjednocovanie rovnakych po sebe iducich pixelov do jedneho DIVu (thanx to jaji za napad)
Velkost: cca 290kb

Pre 4bpp obrazok prekonvertovany spat do 24bpp po aplikovanie vsetkych optimalizacii (?)
Velkost: cca 135kb



Pani? Sme na dobrej ceste k uspechu...

a kolko bajtov ma povodny obrazok ??

tewn posledny to celkom rychlo nacitalo teda hned zacina sa mi to pacit

dajsi do toho nejaky realny obrazok - vo vascom rozliseni a rozplynie sa predstava o paceni.... Muselo y sa to vylepsit.

akoze, haluz riadna, na hranie super, ale vyuzitie ziadne

Skusil som to s absolutnymi poziciami pixelov, pricom najcastejsie sa vyskytujuca farba je na pozadi, tym sa odstranili aj dlhe divy s tou farbou, ale kedze teraz kazdy div obsahuje pozicne parametre, tak je subor o 25kb vacsi. Cize cca 160kb.


jaji: velkost povodneho obrazku je o 20% vacsia ako velkost zozipovaneho html suboru. Dokonca aj ked som zozipoval povodny obrazok. Vtedy sa jeho velkost este zvacsila. Teraz stale hovorim o 4bpp obrazku. Toto zistenie plati ale pre subor s relativnou poziciou pixelov, tj. kombinacia tvojej s emerovou metodou. Pri absolutnej je zozipovany html subor az o 50% vacsi ako nezozipovany obrazok.

Kto sa nudi, moze si to overit