Consider the following image.
As you know, WhatsApp shows blurred thumbnails of images in chats until they are downloaded. In this case, when I send the image to others by WhatsApp, the blurred thumbnail looks something like this:
(To reproduce the effect, try sending the original image to a friend and delete the original from Internal Storage/WhatsApp/Media/WhatsApp Images.)
The original and blurred images look completely different. How is this effect achieved?
I have noticed that the original image contains a grid of dots superimposed on it. Is the blurred image formed by those dots? Also, is it possible to merge any two images in this way?
The superimposed image is not blurred. That's another step. But you are right. The second image is in the grid. The abuse the fact that Whatsapp subsamples the image to create a preview.
Related
i am working on a functionality of image arrangement for that i want to let user select multiple images to its account like for example a user added 5 picture. then the images will show like a big picture for the album cover and remaining pictures on the side one under another in small sizes.
this is not a big deal and can be done by using scrollview and image view. but after that i want to do is to change my main big image with any of the remaining small images by long select the image and drag to the main big image and the small image get large to cover the big image space and the big image get small to get back to the small image place.
how should i suppose to do this. Kindly guide
In my opinion, you can do that by create 2 subviews UIImageView and UICollectionView. Long select UICollectionCellView will update UIImage in UIImageView and UICollectionCellView.
I created an image which is intended to be used as background image of UIButton. This is what I get:
The image looks great in Photoshop, but when used in iOS application as a button image it looks distorted(the lines are not strait and definitely not as smooth as in the original). How can I avoid this effect?
EDIT:// Preview window
Are you sure that aspect ratios of button and image are the same?
Another thing - use appropriate image size for button image, e.g button view is 30px high, then you need add 30px(#1x), 60px(#2x) and 90px(#3x) images. If you just add an image with 1000px it won't look good, take more disk space and reduce performance.
I have a viewcontroller with a toolbar with 2 bar button items. The image on one is a simple flat icon. The other is a complex image reduced to 28x28 pixels from a 256x256 image. The complex image shows up as a blob as shown below. The actual image is also show in the picture. It is not clear what I am doing wrong. The project code is available in the following link:
Project code
John Griffith on Apple Developer Forum provided this explanation which made a lot of sense. I need to redesign my icons if I want to proceed along this line:
Toolbar images are normally rendering mode "template" - only the alpha channel is used. Any non-transparent pixels are drawn in the bar's tint color. It may be possible to create a UIImage with rendering mode "always original" to preserve the look of your image, but then it won't respond to changes in tint color.
I have downloaded your project. The first thing you should do is to move your image files into the images.xcassets folder. Read here to understand why.
The image you are trying to display is actually just a red rectangle:
As you can see, opening in another program also just displays it as a red rectangle. Be sure to use the correct Image file. The problem lies not with your project but rather the image file you are using.
I want to create PIP Effect like displayed in below Image.
The background Image is blur. I have this bottle with transparent Image. But how can implement this.
1) I add image view that contains background blur image.
2) Then I add the bottle image view that contains transparent bottle.
3) And then add the original image view that contains original image. But how to fit this original image into this bottle.
Thanks..
I know your question .and as your question i upload my code on my GITHUB repository.See the below link and get your solution .
PIP-Effects I hope this is helpful for you..Enjoy
I have over 100k in images that at one time were cropped and had a white border applied to them. I'm looking for the best way to programmaticly process each image so that I can detect the white borders and either crop the border or fill in the border with black instead. Would I need to use something like OpenCV or just plain old GDI? I've attached an image for reference.
What I have to work with (White borders are there, trust me):
http://cdn-images.hollywood.com/site/SO_3666231.jpg
Plain old GDI should work just fine, except for one thing - I don't know how to make GDI save an image back to a file. When I've had to do it in the past I've written a .BMP file in pieces, which wouldn't work for a JPEG. Time for a new question?
You're going to need a two step process - first measure the white borders, then copy the image to a new image to get rid of them.
Starting with a JPEG image introduces two small problems. First is that the image will contain some decoding artifacts, and white won't always be an RGB value of (255,255,255). You'll need to establish a threshold, such as (250,250,250) and see how that works; if it doesn't catch all of the borders, you'll need to try a lower threshold. Second is that resaving the image as a JPEG will introduce additional artifacts, lowering the quality of the image. Hopefully this will be within acceptable limits, but only you can be the judge of that.
I'm sorry that this isn't really an answer, perhaps more like 1/4 of an answer. I hope you find it useful.