TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Quickly generate product screenshots in realistic environments

398 pointsby NirDremeralmost 12 years ago

42 comments

ryanbrunneralmost 12 years ago
This is a more of a rant on an overall trend than criticism of this site completely, but I honestly do not understand the &quot;drag to upload a file&quot; interaction at all.<p>I&#x27;m in all likelihood going to need to navigate through a bunch of folders to locate what I want to upload anyway - why force me to open up Finder, reposition it so that my browser and finder are both visible, with the &quot;drop area&quot; visible as well, find my file and drag it over? With the default file upload that HTML provides, it&#x27;s going to open a conveniently sized open window from the start, with a clear call to action on how to select the file in question, and no requirement for an awkward drag into some box on a webpage.<p>It really feels like prioritizing &quot;cool&quot; interactions over usability.
评论 #6128290 未加载
评论 #6130358 未加载
评论 #6130787 未加载
评论 #6128505 未加载
评论 #6128574 未加载
评论 #6130943 未加载
评论 #6131048 未加载
评论 #6128890 未加载
评论 #6130788 未加载
replaxalmost 12 years ago
Seems like this guy&#x27;s images became somewhat handy afterall:<p><a href="https://news.ycombinator.com/item?id=5794083" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=5794083</a>
评论 #6127000 未加载
评论 #6131482 未加载
codeulikealmost 12 years ago
Nice. <a href="http://placeit.breezi.com/cade2ae" rel="nofollow">http:&#x2F;&#x2F;placeit.breezi.com&#x2F;cade2ae</a>
评论 #6126831 未加载
评论 #6130549 未加载
sethbannonalmost 12 years ago
This should save a lot of people a lot of time. FYI it&#x27;s all done under Creative Commons license allowing commercial use of the images.
评论 #6130908 未加载
jqueryinalmost 12 years ago
This is fantastic. I&#x27;m surprised I haven&#x27;t seen something like this before. I think you&#x27;ve got a great potential market here for monetizing. It&#x27;s like stock photography meets product upsell.<p>My first suggestion would be to get similar shots to those you&#x27;ve already done with a female replacing the male. It&#x27;s an easy way to add more shots quickly.<p>I also like the idea of more scenes including people. Make it look like they&#x27;re having fun and also using the phone&#x2F;tablet at the same time. Smiling faces sell products!
评论 #6126961 未加载
cpursleyalmost 12 years ago
Thanks for sharing, I&#x27;ll be using it on my revamped marketing site.<p>I think in terms of conversion, potential users emphatically see themselves using the product with their device with this type of frame (opposed just a screenshot with no device frame).<p>However, I would suggest several PC shots. Like Lenovo laptop, Dell monitor, etc instead of being so Apple-centric.
evadnealmost 12 years ago
I was trying to find screen reflection :)<p>The iPhone 5 screenshot area is off. Top left corner too high, top right corner too close to the right, two bottom corners too close to the right so perspective looks incongruent.<p>Actually content areas in almost all templates are slightly off. All these screens have gaps around them, it’s chrome - bezel - screen gap - pixels. Consider shooting template images with the device showing a solid color so you have the actual image area baked into the original, not with the screen turned off because you’re more likely to get the placement wrong that way.
gedrapalmost 12 years ago
Found it on HN on January and... Why it&#x27;s free?!<p>I would be glad to pay for each screenshot generated because saves plenty of time and simply makes presentations look way better.<p>There is a channel (you already have it), there is a real problem to be solved and it&#x27;s something people would pay... Sounds brilliant :)
评论 #6127228 未加载
Yetanfoualmost 12 years ago
Only Apple products there - why tailor to the minority? Globally Apple has around twenty-something percent of smartphones, thirty-something percent of tablets and ten-something percent of &#x27;PC&#x27;s&#x27;. You wouldn&#x27;t suspect if you looked at the media though where it often is Apple or bust. I never understood this herd mentality and I still don&#x27;t. People will start dropping Android screenshots in your iProducts, Xmonad runninng on Macs (OK, that is plausible but still...), Windows will suddenly magically run on more iProducts, etc.<p>Diversity is good. Apple is not very diverse. Why not add something else?
评论 #6130761 未加载
评论 #6127840 未加载
scrozieralmost 12 years ago
Isn&#x27;t working for me right now...possibly server load? But great idea. I too would pay. And I second the suggestion for more diversity in the shots. E.g., I could use one right now in the hands of a Hispanic teen girl. In general, I would need more women.
评论 #6127533 未加载
评论 #6127278 未加载
nisdecalmost 12 years ago
If you do an image search on google you can actually find companies which are using them... for example:<p><a href="http://sobytes.com/world-news-translate-piechart-news-option/" rel="nofollow">http:&#x2F;&#x2F;sobytes.com&#x2F;world-news-translate-piechart-news-option...</a><p>( Did the image search with this one: <a href="http://placeit.breezi.com/uploads/stage/stage_image/113/breezi_placeit_17.png" rel="nofollow">http:&#x2F;&#x2F;placeit.breezi.com&#x2F;uploads&#x2F;stage&#x2F;stage_image&#x2F;113&#x2F;bree...</a> )
nnsalmost 12 years ago
This has been discussed before over here - <a href="https://news.ycombinator.com/item?id=4988914" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=4988914</a>
评论 #6127078 未加载
joeblaualmost 12 years ago
I used this for a mock that I posted on Dribbble[1]. I remember when it was first released and there were only a few templates so it&#x27;s great to see that it&#x27;s still growing. If the OP is here, how hard would it be to have a scene with multiple images?<p>[1] - <a href="http://dribbble.com/shots/1023533-Moneys-Mobile-Digital-Wallet?list=following" rel="nofollow">http:&#x2F;&#x2F;dribbble.com&#x2F;shots&#x2F;1023533-Moneys-Mobile-Digital-Wall...</a>
kafkaesquealmost 12 years ago
It looks very nice.<p>Is it possible to add glare&#x2F;reflection to the actual screen? It would make it look more &#x27;integrated&#x27; into the photo&#x27;s surroundings.
评论 #6128542 未加载
GuitarJ87almost 12 years ago
I created an opensource alternative a few months back, called snappshot. (<a href="https://github.com/justinjudd/snappshot" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;justinjudd&#x2F;snappshot</a>)<p>Right now I have just posted my own images, but my goal is to get other photographers&#x2F;individuals to add photos of different devices.<p>I am updating my webserver right now, but for now you can run it locally or deploy it yourself.
cdawzrdalmost 12 years ago
realistic <i>Apple</i> environments :-)<p>(I realize there are one or two Android and Windows phones in the list, but still...)
jacogalmost 12 years ago
Brilliant. Bookmarked.<p>Would love some Windows-y machines as well, all laptops are Macs. (Which is what I use, but still live in a world of Windows laptops)
gdillaalmost 12 years ago
I love breezi. Unfortunately, it is against Apple&#x27;s marketing guidelines to use their product in unauthorized ways to promote your app. It is loosely enforced, but they have pointed it out to us and asked for a takedown (politely). They can also hold it against you if they&#x27;re considering you for a feature.
评论 #6128989 未加载
brandon272almost 12 years ago
Looks great, but it&#x27;s taking forever to process the image. And I&#x27;m sure that because the app provides no feedback or indication that your image is queued, people are probably stopping the process and re-trying their upload which probably only slows things down tremendously!
ohwpalmost 12 years ago
Why not transform the image on the client side? It will save load on the server.<p>But it&#x27;s a nice idea!
enraged_camelalmost 12 years ago
I really want to share this with people, but it&#x27;s horrendously slow. I uploaded a 2048 x 1536 image generated from my iPad, and it has been processing it for the past 10+ minutes.<p>edit: over 20 minutes now. I had to restart it.
评论 #6127714 未加载
评论 #6127992 未加载
sbashyalalmost 12 years ago
Feature request: stages like these <a href="http://www.slickwebsite.com/img/showcase1.png" rel="nofollow">http:&#x2F;&#x2F;www.slickwebsite.com&#x2F;img&#x2F;showcase1.png</a><p>Also, stages with transparent background would be nice
philjacksonalmost 12 years ago
Amazing. Thanks for sharing this. I&#x27;d been searching for stock images like the ones offered here in which to superimpose screenshots but always came short so just didn&#x27;t bother. Now I&#x27;ll bother.
mgkimsalalmost 12 years ago
nice idea. i can see people paying for this to use some premium background images. 3-4 generic ones are free, you could offer up a lot more custom ones for a small fee.
subsystemalmost 12 years ago
I do wonder if something bad happens if you try to screenshot the screenshot script url, being a get request and all.
评论 #6126979 未加载
XERQalmost 12 years ago
We had a little bit of fun with these:<p>Images + Discussion: <a href="http://www.xerq.net/showthread.php?158334-XERQ-marketing-at-its-finest" rel="nofollow">http:&#x2F;&#x2F;www.xerq.net&#x2F;showthread.php?158334-XERQ-marketing-at-...</a><p>Images Only:<p><a href="http://i.imgur.com/cN6JnLh.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;cN6JnLh.png</a><p><a href="http://imgur.com/ZP26pAQ.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;ZP26pAQ.png</a><p><a href="http://imgur.com/of7SN4p.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;of7SN4p.png</a><p><a href="http://imgur.com/RDPznPc.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;RDPznPc.png</a><p><a href="http://imgur.com/ZyKmPkl.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;ZyKmPkl.png</a><p><a href="http://imgur.com/xJu3fE1.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;xJu3fE1.png</a><p><a href="http://imgur.com/F9T34z7.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;F9T34z7.png</a><p><a href="http://imgur.com/OQiCHx5.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;OQiCHx5.png</a><p><a href="http://imgur.com/sl892ST.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;sl892ST.png</a><p><a href="http://imgur.com/TrOHEyb.png" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;TrOHEyb.png</a><p><a href="http://i.imgur.com/9BDMxZz.jpg" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;9BDMxZz.jpg</a><p><a href="http://i.imgur.com/qUUA1mx.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;qUUA1mx.png</a><p>*Some pictures may be NSFW
chmikealmost 12 years ago
Can I have one context photo with a laptop on the top of a roller coster ? This could be a good introduction for a VC or startup conference presentation.<p>I would suggest to provide HP or Dell computers too because Apple computer everywhere is getting boring. Ask them to giveaway the laptop as marketing campaing.
triplenineteenalmost 12 years ago
Correct me if I&#x27;m wrong, but it seems like you are sending a Safari user-agent string for all of the devices.<p>It might be worthwhile to send the proper user-agent strings for each device, so that you&#x27;ll get a custom response from servers which dynamically generate content based on that header.
trin_almost 12 years ago
awesome service!<p>any chance of getting a good ol&#x27; boring office version maybe with a real monitor or just a laptop on a desk? the kind of people i would use this for really dont go for &quot;macbook air with a notepad in the garden&quot;
ceeKalmost 12 years ago
Awesome. I was just the other day thinking that there should be this exact service when considering doing one of these shots. This is going to save me a lot of time, thank you. Will be much easier to create marketing assets.
quartusalmost 12 years ago
I loaded up my first screenshot sequence of the day. <a href="http://placeit.breezi.com/3443524" rel="nofollow">http:&#x2F;&#x2F;placeit.breezi.com&#x2F;3443524</a> Please advise on how to kick up the 4d3d3d3
ollysbalmost 12 years ago
I&#x27;d love this as a webservice (I&#x27;d pay). I need to create product shots for every customer I have (white labelling) and it would be awesome to be able to generate them on the fly.
alevans4almost 12 years ago
Would be awesome if this had stages for industrial environments.
评论 #6130626 未加载
mjpaalmost 12 years ago
I&#x27;m guessing it takes a higher resolution image than what the device would use? The sites I tried ended up rendering wrong in terms of what media queries were used...
aaronz8almost 12 years ago
I tried to drag and drop one of the images on top, but I get:<p>We&#x27;re sorry, but something went wrong.<p>We&#x27;ve been notified about this issue and we&#x27;ll take a look at it shortly.
评论 #6127275 未加载
评论 #6127665 未加载
slawwwcalmost 12 years ago
I was just looking for something like this. Works great!
quadrant6almost 12 years ago
Very nice. When I typed the url of my own website, which is responsive, it didn&#x27;t get the responsive version. If it did, it would be perfect.
davefpalmost 12 years ago
I&#x27;d love a way to filter the options. Scanning through all the pics looking for all the laptop ones (for example) is annoying.<p>Otherwise: I like it!
andyhmltnalmost 12 years ago
It doesn&#x27;t work at all for me. I just keep gettign 500&#x27;s
the_katalmost 12 years ago
what are the terms of use? what is breezi doing with my uploaded screenshot? can I find that out somewhere? are the screenshots stored on their servers?
foxhopalmost 12 years ago
url2png is kicking my butt when it comes to conversions!<p>They get around 5 new customers for every 1 new linkpeek.com customer.
aytekinalmost 12 years ago
Awesome idea. Great execution.