My actual Image is
Here I need to resize the image 140*80(Width*height)
But after resize the circle in the image becomes oval how to prevent that.
Your current image resolution is 700*312 has a ratio of 1:2.2435897435897435897435897435897..
The resolution you are trying to get is 140*80 has a ratio of 1:1.75.
In order to get a perfect circle, you must maintain the same ratio between the images.
If acceptable, try resizing your image to 140*62.4 (62.4 = 140/(700/312)).
More info about Aspect Ratio on Wikipedia .
Specifically for Xamarin, please show us what components are you using, or some example code so answers could be more specific.
Related
CSS3 Hero Image question:
Whats the best pixel dimension and Image Size for a full screen responsive background?
Whenever I use the cover property, it always seems to miss out most the image.
Thanks,
Steve
Used photoshop to crop the image to a 16:9 ratio, 1920 x 1080 pixel dimension for best image quality. Seems to work well with my website, hopefully the file size (507kb) won't be an issue on page loading response times.
Also, consider running your images through a compressor, which can greatly reduce their file size.
https://compressor.io
my plan is implementing an image in a Matlab GUIDE figure. Somehow the output is always blurred (see screenshot). On the left you can see the image in Photoshop on the right in Matlab - notice how the font and other parts become blurred.
I experimented with JPEG and PNG file formats (no compression), I also tried various pixel sizes(resolutions smaller, same and bigger as the actual position of the image) and DPI(values between 30-300) settings, because I expected some scaling issue. Somehow I am stuck - Looking forward to your input!
Thank you,
Florian
Screenshot of the issue: http://s1.bild.me/bilder/260513/6875414Screen_Shot_2014-06-29_at_23.19.34.png
Most probably the reason for the blur is interpolation.
If the axis size you allocated for the image is different from the size of the image MATLAB will resize the image to occupy the whole area.
In order to prevent any interpolation you must set the axis dimension to be the image dimension.
I have been looking to dynamically scale a image map with coordinates to a div, so when re-sizing a window occurs the map and all coordinates are scaled accordingly.
any suggestions on how to do this?
i think this may work
http://blog.outsharked.com/p/image-map-resizer.html
but with the alternate option of :enter a bounding area and the map will be clipped to within that area.
my question then is how do i establish a bounding area, will it scale dynamically to that whole area?
This jQuery plugin works great for scaling and rescaling image maps on the fly. You can call this once, and it will take care of all image maps on the page. It will even rescale an image map if something happens that changes an image's dimensions.
https://github.com/stowball/jQuery-rwdImageMaps.
If you weren't just using the div to solve the image map scaling problem, you could put a blank image (a completely transparent .gif or .png) in your div with the image map applied to it and set its width and height to 100%.
I want to show the image as good it is in it's actual size even when i re-size it with lower image pixel.
what? If you resize the picture, the pixel-count is lowered. There is no way to resize an image without loosing quality.
I am confused in deciding the dimensions for a background image for my website. I am creating a collage like image in picasa and it defines the image dimensions using aspect ratios. If I want to create an image of 2048 x 1800, what aspect ratio should I use?
Wolfram Alpha gives the exact result 256/225, so an aspect ratio of 256:225 is correct. (Of course, a more inexact value would be 1.14:1, which would give you something like 2052x1800.)
As the aspect ratio is the ratio of the width of the image to its height, the aspect ratio of 2048x1800 image is 1.14:1 (2048/1800 = 1.14).