Image is blurry or pixlated in unity UI - image

I have an image which 211x211 here its settings:
It looks blurry/pixlate in my unity UI. my unity image width height is set 40x40. What i am doing wrong? Even i have tried image 2048x2048 but still getting same blurry effects. The image is not clear.
Here is my game view:

Use Set as "Native Size in Image" Component...This will set the size of your Image exactly as it was designed...

Related

How to resize image if the image is bigger than Textbox.But it not increase scale if smaller

I created RDLC report layouts by using Visual Studio Report Designer.
I need to display image on textbox.
The image was set center align by Chris Hays 's method.
But This method must set sizing to be "Clip"
So It has a problem because when Image which it was getting from database is bigger than textbox. It would clipped like below.
I tried to use sizing with "Fit Proportional" Mode. It can't set centered image by Chris Hays 's method.
But if I use sizing with "Fit to size". I can ignore centered image. But if some image is very small. It will lose quality.
What should I do if I need to
1.Centered image
2.Fit to textbox if image is bigger than textbox.
3.Original size if image is smaller that textbox.
I can resolved this problem by created two image control.
First image control -It was set sizing "Fit"
Second image control- It was set sizing "Clip" and used Chris Hays 's method for centered image.
Both two image controls was set Visibility property by expression
if a width of image is bigger than textbox , First image control will show and second will hide.
if a width of image is smaller than textbox , First image control will hide and second will show.
I can get a width of image by this code
=(System.Drawing.Image.FromStream(new System.IO.MemoryStream(CType(First(Fields!FILE_BINARY_DATA.Value, "My Table"),Byte()))).Width /96)
96 is dpi
After I known a width of image from above expression.
I will use it for set Visibility Property of First Image like these
=iif((imgWidthInch.Value > 2.6 ),false,true)
2.6 is widht of my textbox.
And Set Visibility of Second Image by the other hand.
If you're using the same sizes of the tutorial you could try and set the Sizing property by using the following expression:
=IIF(Round((3.5-System.Drawing.Image.FromStream(new System.IO.MemoryStream(CType(Fields!LargePhoto.Value,Byte()))).Width
/96)/2,2)>0, "Clip", "Fit")

Smooth resize using Titanium's ImageView?

Simple problem: I have an image that's 200px x 200px, and I want to scale it down to show in an ImageView that's 60px x 60px.
Of course, Titanium resizes the image no problem, but it doesn't anti-alias it. The image is jagged.
Is there a way to tell Titanium so smoothly resize the image? Perhaps a way to force it to use one of the devices native methods like setMagnificationFilter?
did you try the free image factory module?
https://marketplace.appcelerator.com/apps/4973?1276408235

drupal image in view is displayed full screen, how to get the image smaller?

We have got a view of a content type with an image and some fields, but the image is displayed way to large. We tried to adjust maximum resolution but that just crops the image and makes it pixelated. How can we get this image to be displayed smaller?
thanks.
In Drupal 7, you can use the core Image Styles (admin/config/media/image-styles) to set pre-defined image sizes, cropping, and more. Once you have an image style configured, you can use it to style an image in a view. This gives you complete control over image cropping and sizing. If you're using Drupal 6, the ImageCache module does the same thing.

Images & Icons are getting pixelated when gallery loads

I have a Content Slider (All-in-one-banner sort of) on the home page of my website.
Every time this banner slides onto the next image in the queue, the other images (png format) on my page are getting pixelated. Especially it happens in Chrome.
Images and Icons such as the logos, icons used for navigation, etc... - they get pixelated when a new slide changes on the banner.
Please help me.
Demo link (Open in chrome):
When the slides in the banner change, Look at the logo on the top and the logos to the right, and also the profile pics below,: indiaemerge.com/ieys2013
The solution I could figure out is that one should NOT use an image with large dimensions.
For example: I was trying to use an image of size 800px X 400px to fit it into a division of 200px X 50px. Because of this the image was getting distorted when slides would change.
I reduced the dimensions and resolution of the image to match the target division's dimensions and it worked.
Another way to fix this is to use an svg image file.
So the lesson to be learnt here is that always try to use an image (in case it is png or jpg) whose size meets your requirement as precisely as possible. If it is an svg image file then there won't be any problem.

Large Image Centering

I get from the server image 800X800 in jpg format and i need to display it in center of the WP7 screen. I need to display like example in this url
http://imageshack.us/photo/my-images/152/examplea.jpg/
I prefer to do this without cropping of image if it possible, because i get new image always in start of application. I tried with stretch, rectangle geometry.
I write this without code example, because this is only insert a image.
Sorry for my bad English.
Try like this in Xaml
Image name="Image" width = 800 height = 1000 stretch = fill Margin="-215,-120,-255,-184"
Then set the source

Resources