TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Quickly generate product screenshots in realistic environments

398 点作者 NirDremer将近 12 年前

42 条评论

ryanbrunner将近 12 年前
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 未加载
replax将近 12 年前
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 未加载
codeulike将近 12 年前
Nice. <a href="http://placeit.breezi.com/cade2ae" rel="nofollow">http:&#x2F;&#x2F;placeit.breezi.com&#x2F;cade2ae</a>
评论 #6126831 未加载
评论 #6130549 未加载
sethbannon将近 12 年前
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 未加载
jqueryin将近 12 年前
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 未加载
cpursley将近 12 年前
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.
evadne将近 12 年前
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.
gedrap将近 12 年前
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 未加载
Yetanfou将近 12 年前
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 未加载
scrozier将近 12 年前
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 未加载
nisdec将近 12 年前
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> )
nns将近 12 年前
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 未加载
joeblau将近 12 年前
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>
kafkaesque将近 12 年前
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 未加载
GuitarJ87将近 12 年前
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.
cdawzrd将近 12 年前
realistic <i>Apple</i> environments :-)<p>(I realize there are one or two Android and Windows phones in the list, but still...)
jacog将近 12 年前
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)
gdilla将近 12 年前
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 未加载
brandon272将近 12 年前
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!
ohwp将近 12 年前
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_camel将近 12 年前
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 未加载
sbashyal将近 12 年前
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
philjackson将近 12 年前
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.
mgkimsal将近 12 年前
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.
subsystem将近 12 年前
I do wonder if something bad happens if you try to screenshot the screenshot script url, being a get request and all.
评论 #6126979 未加载
XERQ将近 12 年前
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
chmike将近 12 年前
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.
triplenineteen将近 12 年前
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_将近 12 年前
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;
ceeK将近 12 年前
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.
quartus将近 12 年前
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
ollysb将近 12 年前
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.
alevans4将近 12 年前
Would be awesome if this had stages for industrial environments.
评论 #6130626 未加载
mjpa将近 12 年前
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...
aaronz8将近 12 年前
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 未加载
slawwwc将近 12 年前
I was just looking for something like this. Works great!
quadrant6将近 12 年前
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.
davefp将近 12 年前
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!
andyhmltn将近 12 年前
It doesn&#x27;t work at all for me. I just keep gettign 500&#x27;s
the_kat将近 12 年前
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?
foxhop将近 12 年前
url2png is kicking my butt when it comes to conversions!<p>They get around 5 new customers for every 1 new linkpeek.com customer.
aytekin将近 12 年前
Awesome idea. Great execution.