[{"data":1,"prerenderedAt":265},["ShallowReactive",2],{"project-2055652":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":46,"what":47,"said":60,"maker_in_thread":132,"shape":141,"grid":145,"attempts":230,"same_week":231,"maker_shows":190,"maker_hidden":257,"reader_version":258,"card":259},"2055652","img2html","A script to turn a webpage into bitmap HTML. (Caution: huge)","title","Show HN: I wrote a script to turn a webpage into bitmap HTML. (Caution: huge)","http:\u002F\u002Felliottkember.com\u002Fawesome\u002Fhn.html","elliottkember.com","elliottkember",1293811003,2010,53,32,35,370,10,"notable","dev_tools","code generator","cli",[24,25,26,27],"bitmap html","webpage to html","image to html","html pixels","curious",-0.208,{"positive":31,"neutral":32,"mixed":33,"critical":34},2,11,1,7,21,{"idea":37,"performance":40,"execution":41,"pricing":42},{"positive":38,"critical":39},0,4,{"positive":33,"critical":38},{"positive":33,"critical":31},{"positive":38,"critical":33},[38,38,38,38,38,38,44,44,38,45,38,45,38,33,33,33,38,44,44,33,44,44,33,44,44,44,38,44,44,33,44,33],3,5,null,{"problem":46,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":48,"openness":57,"stage":58,"team_size":59},[49],{"value":50,"source":51,"evidence":52},"Ruby","inferred",[53],{"id":54,"by":55,"text":56},"2055951","ronnier","Source https:\u002F\u002Fgithub.com\u002Felliottkember\u002Fimg2html.rb","open_source","launched","unknown",{"praise":61,"objections":77,"requests":92,"questions":107,"alternatives":118},[62],{"value":63,"source":64,"evidence":65},"Impressive load time, largely due to gzip and RLE compression","commenter",[66,70,73],{"id":67,"by":68,"text":69},"2056296","proexploit","You're right and I should have paid more attention. I had thought you were generating just the image from a web page. Having actually worked on something similar, I can say I'm…",{"id":71,"by":11,"text":72},"2056533","Probably mostly the Gzip - the code is very repetitive. The RLE helps too.",{"id":74,"by":75,"text":76},"2055905","wzdd","Bonus points for apparently using RLE for same-colour runs of pixels. :)",[78,85],{"value":79,"source":64,"evidence":80},"Renders poorly or not at all in IE9",[81],{"id":82,"by":83,"text":84},"2057277","aj700","basically doesn't get rendered at all in ie9. big surprise.",{"value":86,"source":64,"evidence":87},"Output is huge and bandwidth-heavy",[88],{"id":89,"by":90,"text":91},"2056515","darrenkopp","and all of the sudden, the new years clock done in sql seems useful. hope you don't go over your bandwidth quota ;)",[93,100],{"value":94,"source":64,"evidence":95},"Make it a bookmarklet that transforms the current page",[96],{"id":97,"by":98,"text":99},"2056280","roadnottaken","This is cool, but when I first clicked it I thought it was transforming my current webpage into HTML\u002Fbitmap somehow. I was amazed. Then I realized it's a statically generated…",{"value":101,"source":64,"evidence":102},"Support working links in the output",[103],{"id":104,"by":105,"text":106},"2057334","templaedhel","Now if only links worked. Then you would have created a modern image mapping service. I like it.",[108],{"value":109,"source":64,"evidence":110},"How does it work?",[111,115],{"id":112,"by":113,"text":114},"2055726","EGreg","how?",{"id":116,"by":113,"text":117},"2055869","I thought he said he does it with javascript!",[119,126],{"value":120,"source":64,"evidence":121},"Embed the image as base64",[122],{"id":123,"by":124,"text":125},"2055783","flawawa2","If you are just looking to make a self-contained file that has the page as image, I would suggest you simply embed the image as base64. I made a bitmap -> \u003Ctable> once, that was…",{"value":127,"source":64,"evidence":128},"img-con image-to-HTML experiment",[129],{"id":130,"by":68,"text":131},"2056119","Then turn it back into HTML with an experiment of mine: https:\u002F\u002Fgithub.com\u002Fandershaig\u002Fimg-con - It takes an image, writes a span with a background-color for each pixel. Turns a…",{"comments":39,"answered":33,"key":133},[134,137,138],{"id":135,"text":136},"2056197","Uh - that's exactly what this script does!",{"id":71,"text":72},{"id":139,"text":140},"2055964","Thanks! I did it without first, but it was way too big and crashed the browser.",{"commenters":142,"max_depth":39,"maker_replies":39,"first_comment_mins":143,"lifespan_hours":144},22,40,19,[146,150,154,157,159,161,164,166,168,169,171,173,175,177,181,183,185,187,189,192,196,200,203,207,210,211,214,215,217,221,224,228],[147,38,38,148,149,38],"2055898","other\u002Fneutral\u002Fnone","stcredzero",[151,38,38,152,153,38],"2055944","commenter\u002Fneutral\u002Fnone","viraptor",[155,38,38,152,156,38],"2055993","wwortiz",[158,38,38,152,153,38],"2056268",[160,38,38,152,149,38],"2056996",[162,38,38,152,163,38],"2057156","meric",[97,33,44,165,98,38],"project\u002Fmixed\u002Fidea",[130,31,44,167,68,38],"project\u002Fneutral\u002Fidea",[135,31,38,152,11,33],[67,31,45,170,68,38],"project\u002Fpositive\u002Fperformance",[71,31,38,172,11,33],"maker\u002Fneutral\u002Fperformance",[74,44,45,174,75,38],"project\u002Fpositive\u002Fexecution",[139,44,38,176,11,33],"maker\u002Fneutral\u002Fexecution",[178,39,33,179,180,38],"2055819","project\u002Fcritical\u002Fidea","StavrosK",[182,39,33,179,153,38],"2055908",[184,39,33,179,83,38],"2057280",[186,39,38,148,11,33],"2057505",[54,45,44,188,55,38],"project\u002Fneutral\u002Fnone",[89,190,44,191,90,38],6,"project\u002Fneutral\u002Fperformance",[193,34,33,194,195,38],"2056526","project\u002Fcritical\u002Fpricing","ph0rque",[197,34,44,198,199,38],"2056999","project\u002Fneutral\u002Fpricing","biot",[123,201,44,202,124,38],8,"project\u002Fneutral\u002Fexecution",[204,205,33,179,206,38],"2056055",9,"zbanks",[208,18,44,167,209,38],"2056453","jcapote",[112,32,44,188,113,38],[212,32,44,202,213,38],"2055829","citricsquid",[116,32,38,152,113,38],[216,32,44,188,213,38],"2055945",[218,219,44,191,220,38],"2056834",12,"emilsedgh",[104,222,33,223,105,38],13,"project\u002Fcritical\u002Fexecution",[225,226,44,188,227,38],"2056011",14,"slouch",[82,229,33,223,83,38],15,[],[232,237,241,246,250,254],{"id":233,"name":234,"points":235,"category":236},"2060994","Search Engine Blacklist",119,"productivity",{"id":238,"name":239,"points":240,"category":236},"2068948","my christmas project",61,{"id":242,"name":243,"points":244,"category":245},"2058330","arduino-ruby",51,"hardware",{"id":247,"name":248,"points":142,"category":249},"2052967","rrrewind.com","consumer_social",{"id":251,"name":252,"points":253,"category":236},"2064038","our weekend project",20,{"id":255,"name":256,"points":229,"category":249},"2059407","OpenCirclez",false,"v2",{"id":260,"name":5,"line":6,"ai":257,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":261,"top":18,"kw":262,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":263,"url":9,"mix":264,"praise":63,"objection":79,"sub":21},2055652,-0.21,[24,25,26,27],"00000033050501110331331333033131",[31,32,33,34],1793990869605]