How can a webserver do images like this? - image-processing

Below is a thumbnail type image that is on a post from http://doctype.com/, if you haven't been on the site yet, it is similar to this site but for css/design stuff and when you post a question you can have it post a screenshot image as well for you of a website url.
Below is one of them I saw, do you think this is something done programmticly?
IF so how would you do this server side?
(source: doctype.com)

You can achieve this screenshot-in-a-note effect by having a template image of the curled-paperclipped-note (the curled border, the paper clip, the shadow) and a mask for where the screenshot of the site should fit inside the template. Once you get the screenshot you just rotate it slightly and compose it with the template.
To compose it programmatically you could use ImageMagick as sugested by cpharmston.
Here's an alternative of how to compose the two images with PIL and python.

If it is done programmatically, it likely uses an image processing library. GD and ImageMagick are two of the more popular ones.

Yes, you need to do it programmatically on the server. There are some flash plugins to do it, but I think server side is the way to go.
This is how I did it:
http://www.guangmingsoft.net/htmlsnapshot/html2image.htm
http://www.imagemagick.org/script/index.php

Related

Implementing PSD processing in web (like in society6.com)

Is there a Windows server with Photoshop running that process all these templates? It just happens too quickly. How did they achieve that?
I've been looking for the answer for quite a long time and didn't find anything worthy.
A way something like this would be done would be to have an overlay template that you'd place your image under and then all of the shading and such would would go on top of it. Then it's just a mater of rotating and skewing the angle of the picture underneath the overlay to get the right perspective. This can be done programmatically in a language of your choice like PHP, Python, C#, etc.
I believe what you're describing may be achieved using the Adobe Photoshop API. Click on try demo and take a look at the various options, including the Smart Object demo.

Image processing library to make a curl image from a flat image in iOS or C#

I want to create a iOS app and a CMS (using C#) to manage image data. The image processing can be implemented at client side or server side.
The question: Is there any image processing library to make a curl image from a flat image in iOS or C#?
Any idea will be appreciated.
Thank you!
Input a flat image:
Output will be a curl image:
You can use GPUImage library to achieve that. Specifically you can use GPUImageTransformFilter(affineTransform/transform3D) to transform the flat image. It's not possible to do the shadow and magazine pages, but you can have a template image which you can super-impose with a transformed flat image to do this.
If its too much for an iPhone, you can use ImageMagick on the server-side to do that for you.
Hope this helps.

reading , zoom and move images like remote sensing image (e.g jpg,tiff,img) by managed DX

excuse me,my english is poor however i would try to describe my questions clearly.
first i want to operate (read,zoom,move,zoom with rectangle) some image whose format like jpg,tiff and img .
i have try to do this by gdal,using rasterio to zoom and move ,but the result is quite strange.it's slow than i do it with gdi+.i have asked other people,however ,the answer may be rasterio read image direct from hard disk, but gdi+ do things in ram. and maybe the images i operated are small images ,small than 4000*3000.
so now i operate images in gdi+.but i think if i can do same things in directx?
i mean i use directx instead gdi+.because i think it will be more fast.
and because i can only use c#,so i think there are some people could give me some suggestion with managed dx or xna
thx~~~
There is already a fast image viewer called TuiView that is simple to install and use.
Documentation is here: http://tuiview.org
If I understood your question, you are trying to build a simple image viewer.
If so you can easily do it with XNA and it will work very fast.
All you need to do is to load the image and display it to the screen, and the pan and zoom are also very simple.
Read this tutorial :
http://rbwhitaker.wikidot.com/spritebatch-basics

How to binaries image using ImageMagick?

I have got one image like this
to only black and white colored image.
And I come across this ImageMagick resource
Does this can be used to generate black and white image from the above given image?
Does it is good to use this one?
If it is good one then does there is any documentation or tutorial on "How to use?".
UPDATE
SO GOT THE BEST SOLUTION FROM #ale0xB's SUGGESTION.
No third party api is required for doing this as apple's COREIMAGE.FRAMEWORK is the best for doing what I want to do. It's filters are working like charm :)
Thanks for the suggestion :)
I use this image filter. And it is great in speed and provides great output :)
Why would you want to use imageMagick instead of the standard Core Image to produce black and White images? I haven't used it before, but I doubt it's gonna give a much better performance than the native framework when it's just about creating a filter.
Since iOS 6 you have it really easy, have a look: Core Image filters, specially to CIColorMonochrome, which is the one you may be interested in.
If you're playing with images in your app, this is definitely worth checking: Core Image Programming Guide

Programmatically rotate tiff image (or pdf)

Does anyone know a way of rotating an image (jpg or gif) in a TWebBrowser control (using Delphi)
Update
The file would be local.
Update 2
So I guess the question should be how do I rotate an image or pdf.
If you have control over the content return in the TWebBrowser it can be done via JavaScript.
Here is an example on JavaScript Image Rotation.
If you want to do it with a TImage there are several options listed in this Q/A.
I guess that you already use this approach to show the HTML content in your TWebBrowser.
Now, instead of JavaScript (as suggested by Robert), you use CSS in the generated HTML document.
I haven't tested this, but you should be able to rotate the image (and other HTML-elements) by using this CSS code (for IE-based browsers):
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
See details at MSDN
Well if it's on a website (in the TWebBrowser) then you can't rotate it. The best you can do is if the image is on your website you can use PHP/ASP/etc. to load the image, and produce a rotated version of it.

Resources