[{"data":1,"prerenderedAt":276},["ShallowReactive",2],{"project-8435604":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":34,"aspects":35,"strip":44,"post_text":45,"what":46,"said":75,"maker_in_thread":157,"shape":159,"grid":164,"attempts":238,"same_week":239,"maker_shows":31,"maker_hidden":268,"reader_version":269,"card":270},"8435604","Imgix.js","A JavaScript library for responsive imaging","title","Show HN: Imgix.js, a JavaScript library for responsive imaging","http:\u002F\u002Fwww.imgix.com\u002Fimgix-js","imgix.com","zacman85",1412899364,2014,102,32,268,2272,12,"notable","infrastructure","image processing service client","library",[24,25,26,27],"responsive images","image processing","imgix","image cdn","mixed",-0.261,{"positive":31,"neutral":32,"mixed":33,"critical":32},3,5,1,14,{"pricing":36,"execution":37,"performance":39,"idea":40,"design":41,"docs":43},{"positive":33,"critical":33},{"positive":33,"critical":38},0,{"positive":38,"critical":38},{"positive":33,"critical":33},{"positive":38,"critical":42},2,{"positive":38,"critical":33},[33,31,38,38,38,38,38,38,32,31,38,38,38,38,32,38,38,38,38,33,38,33,31,33,38,38,31,32,33,38,31,31],null,{"problem":47,"audience":45,"pricing":55,"motivation":45,"time_to_build":45,"stack":66,"openness":73,"stage":74,"team_size":73},{"value":48,"source":49,"evidence":50},"Serving images at any size and device pixel ratio with responsive layout","commenter",[51],{"id":52,"by":53,"text":54},"8437706","miggi","It is possible to easily target thr picture element using imgix's URL API directly. However, with picture you are limited to a set of image sizes and predefined dprs. This…",{"value":56,"source":49,"evidence":57},"Paid imgix subscription service",[58,62],{"id":59,"by":60,"text":61},"8437675","nc","It's about total cost of ownership A: Imgix = cost of imgix subscription + integration time * hourly rate (it's dead simple) B: Rolling your own = dev time * hourly rate +…",{"id":63,"by":64,"text":65},"8440293","Ronsenshi","That's certainly true. I'm not saying that this service doesn't have any value. Just wanted to share my experience with writing similar solution. It's good to be dev and have…",[67],{"value":68,"source":69,"evidence":70},"JavaScript","maker",[71],{"id":72},"post","unknown","launched",{"praise":76,"objections":88,"requests":107,"questions":118,"alternatives":129},[77,81],{"value":78,"source":49,"evidence":79},"Simple total cost of ownership versus building your own image server",[80],{"id":59,"by":60,"text":61},{"value":82,"source":49,"evidence":83},"imgix's API is intuitive and fast",[84],{"id":85,"by":86,"text":87},"8435880","latch","I can't speak specifically about this responsive image feature, but as for imgix's core business, I have mixed feelings. It's pretty trivial to write on-the-fly image processing…",[89,100],{"value":90,"source":49,"evidence":91},"Does not output a valid img tag without JavaScript",[92,96],{"id":93,"by":94,"text":95},"8435734","justinph","This is nice, but it does not put a valid img tag in the document source without javascript execution. That might be fine for things that don't face the public internet, but if…",{"id":97,"by":98,"text":99},"8436160","sleepyhead","Why isn't there an img-tag in the default example? Why are you promoting bad practice by not having images in img-tags? You solved one problem but created a much bigger problem.…",{"value":101,"source":49,"evidence":102},"Concern about dependence on a paid service with uncertain future",[103],{"id":104,"by":105,"text":106},"8435691","fimdomeio","I wonder why are there so many services that work with this kind of business model. while I would be willing to pay for code I can own, I would never invest in something in…",[108],{"value":109,"source":49,"evidence":110},"Use standard picture and srcset markup instead",[111,115],{"id":112,"by":113,"text":114},"8436702","kingzain","What would the advantage of this be versus using the picture tag with your own image sources hosted on a CDN? (Let's assume picture tag is widely supported for now)",{"id":116,"by":98,"text":117},"8436593","Yes it is 2014 and we should be able to follow simple standards that has been around for quite some time.",[119],{"value":120,"source":49,"evidence":121},"What is the imgix stack and how is image processing built",[122,126],{"id":123,"by":124,"text":125},"8439506","egonschiele","Did you run across the memory leak issue too? Could you talk about the imgix stack? I'm curious to know what it is like.",{"id":127,"by":124,"text":128},"8436294","I just had to write an image server for work and found it incredibly hard. What's your on-the-fly image processing setup look like?",[130,137,141,151],{"value":131,"source":49,"evidence":132},"Thumbor",[133],{"id":134,"by":135,"text":136},"8436013","michaelmior","There are at least couple open source projects that handle dynamic image generation on the backend quite nicely. It seems photon is dead, but I found it works quite well and is…",{"value":138,"source":49,"evidence":139},"Photon",[140],{"id":134,"by":135,"text":136},{"value":142,"source":49,"evidence":143},"ImageMagick and GraphicsMagick",[144,147],{"id":145,"by":86,"text":146},"8436426","I'd break it down into two parts. The first is the image transformation. For this we use graphics magic, and based on the params in the querystring, we'd crop, resize, alter the…",{"id":148,"by":149,"text":150},"8440351","skuhn","I worked for a company that used ImageMagick for compositing images together and resizing them to one of ~60 sizes (different page locations, device types, etc.). While it…",{"value":152,"source":49,"evidence":153},"Picturefill with picture and srcset",[154],{"id":155,"by":53,"text":156},"8435755","There is nothing stopping you from setting the src tag. But you are just adding another request. Our base service works perfectly with src set and picturefill. This library is…",{"comments":38,"answered":38,"key":158},[],{"commenters":160,"max_depth":161,"maker_replies":38,"first_comment_mins":162,"lifespan_hours":163},18,7,35,57,[165,167,169,171,172,175,177,180,183,186,188,190,192,194,196,198,202,203,205,207,209,212,214,216,217,220,221,223,225,229,231,235],[104,38,33,166,105,38],"project\u002Fcritical\u002Fpricing",[85,38,31,168,86,38],"project\u002Fmixed\u002Fexecution",[127,38,38,170,124,38],"commenter\u002Fneutral\u002Fnone",[145,38,38,170,86,38],[173,38,38,170,174,38],"8437333","richbradshaw",[176,38,38,170,86,38],"8437592",[178,38,38,170,179,38],"8444807","porker",[181,38,38,182,124,38],"8438726","commenter\u002Fneutral\u002Fperformance",[184,38,32,185,53,38],"8439257","project\u002Fpositive\u002Fexecution",[123,38,31,187,124,38],"project\u002Fneutral\u002Fperformance",[148,38,38,189,149,38],"other\u002Fneutral\u002Fnone",[191,38,38,170,124,38],"8440505",[193,38,38,170,86,38],"8440839",[195,38,38,170,64,38],"8437499",[59,38,32,197,60,38],"project\u002Fpositive\u002Fpricing",[199,38,38,200,201,38],"8438991","commenter\u002Fneutral\u002Fpricing","nulltype",[63,38,38,200,64,38],[204,38,38,182,124,38],"8438741",[206,38,38,182,64,38],"8440255",[134,38,33,208,135,38],"project\u002Fcritical\u002Fidea",[210,38,38,189,211,38],"8436287","aidanfeldman",[93,33,33,213,94,38],"project\u002Fcritical\u002Fdesign",[155,33,31,215,53,38],"project\u002Fneutral\u002Fdesign",[97,33,33,213,98,38],[218,33,38,170,219,38],"8436439","sim0n",[116,33,38,170,98,38],[112,42,31,222,113,38],"project\u002Fneutral\u002Fidea",[52,42,32,224,53,38],"project\u002Fpositive\u002Fidea",[226,31,33,227,228,38],"8435910","project\u002Fcritical\u002Fdocs","tantalor",[230,31,38,170,53,38],"8435967",[232,233,31,215,234,38],"8438210",4,"crapiola",[236,233,31,237,53,38],"8438380","maker\u002Fneutral\u002Fnone",[],[240,245,250,255,260,264],{"id":241,"name":242,"points":243,"category":244},"8449313","Snapception",210,"security_privacy",{"id":246,"name":247,"points":248,"category":249},"8454405","Dating Ring (YC W14)",125,"consumer_social",{"id":251,"name":252,"points":253,"category":254},"8448322","Avremu",122,"dev_tools",{"id":256,"name":257,"points":258,"category":259},"8456013","Meadow",80,"web_saas",{"id":261,"name":262,"points":263,"category":254},"8442004","CloudRail",71,{"id":265,"name":266,"points":267,"category":249},"8432211","React-hn",69,false,"v2",{"id":271,"name":5,"line":6,"ai":268,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":272,"top":18,"kw":273,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":274,"url":9,"mix":275,"praise":78,"objection":90,"sub":21},8435604,-0.26,[24,25,26,27],"13000000530000500001013100351033",[31,32,33,32],1794036523669]