"Pika" and "Pikachu" is custom images. How come they are so poor comparing to the "Downloads" tab bar item icon which is from the system? The images is png and a resolution about 25x25px. I have tried differents resolution but all give this poor view. Hope you guys can help - Thank you.
If you follow the Icon and Image Sizes Guidelines for the device you are building for the result should work as expected. In this case you would likely want to use 50x50 (#2x) image sizes if you are creating a UITabBar for the iPhone 5:
Using this the appropriate sized icons should yeild nice sharp icons when the project is built:
Related
I am attempting to create an apartment complex app for my company.
I want to add an image of the overall floorplan for the apartment complex (I added the image to my app).
Now I'd like to add one of the following:
• custom shaped buttons that line up with each Unit in the complex
or
• Setup a clickable image map on the layout image
I humbly thank you in advance for helping me figure this out!
You can try to split your big image into several small images and made different images clickable.
Or you can put big image on fixed layout, and put buttons on fixed positions something like this
blue circles with icons are buttons.
apologize for this really basic question, but I can't find a correct way in resizing icons. I want to resize this image with 1001x1506 px (300 dpi) to 48x48 px (160 dpi) for my icon in android app. I'm using gimp as my editor and I'm not used to this photo editor(adobe is not an option).
I've tried to scale it from original-500-200-48 but the image is already pixelated and I really dont know how to prevent it from pixelating while reducing size.
I would really appreciate your inputs.
thank you.
UPDATE ANSWER:
After searching for awhile, I found this good tutorial. And I was able to resize my images from large size(ex. 1024x1002) down to different icon size(ex. 48x48,72x72). http://gimp-tutorials.net/How-to-make-an-icon-from-a-picture
And also this link also helped me the different sizes and dimensions for android icons. http://iconhandbook.co.uk/reference/chart/android/
Hope it will also help you guys.
In the menu, go to Image > Scale image... and try playing with the interpolation setting.
After searching for tutorials, if found this good tutorial. And I was able to resize my images from large size(ex. 1024x1002) down to different icon size(ex. 48x48,72x72). http://gimp-tutorials.net/How-to-make-an-icon-from-a-picture
And also this link also helped me the different sizes and dimensions for android icons.
http://iconhandbook.co.uk/reference/chart/android/
Hope it will also help you guys.
Ok so i have to tell that i am not an expert in coding or stuff like that.
Here is the problem that i have found. I did a website for a friend of mine and i have noticed that on the homepage the incorporated slider would not show images in portrait but it would crop them in landscape. Is it possible to make the slider display the portrait images in portrait without cropping them?
This is the website and i am talking about the slider in the first page. www.saveriogenise.com
Thank you very much
it depends on the slider you are using, the slider you are using now is using a custom image size (550x335px), i think you can change the settings in the theme or slider admin, if not you have to edit the theme codes chose different size or re-size image keeping aspect ratio etc ...
I am creating a rails application using bootstrap. In my header, I am creating a carousel that provides links to other pages. My images are of different sizes and the carousel keeps reflecting this. I do not want the carousel to change size based on the images. How can I fix this so all of the images are the same size within the carousel?
Thanks for any help given in advance!
I guess the easiest option would be to resize them all to the same size using well any photo editor or even online.
Google output:
http://www.picresize.com/
Alternatively you could use a gem like carrierwave or paperclip. More complex but if you are going to have images like profile pictures then it might be useful.
Bye
I'm using Bootstrap 2.3.0 on the following website: www.agrium.com/AgTracker
The problem I am having is that when the browser window is resized or when a user is using a tablet/phone, the two logos at the very top of the page are not displaying as I would like.
Below I am showing this behaviour using Chrome on my desktop.
Situation #1: full screen display, logos are spread out and full size. I'm happy with this.
Situation #2: screen size is decreased, but logos are still full size. I would like for either the logos to stay on the same line and for the logos to scale (shrink).
Situation #3: this would likely be solved by whatever fixes situation #2, but I just wanted to show that if I shrink the browser width further, the Agrium logo has scaled (yay!) but the AgTracker logo has not (boooo).
Any help with updating the CSS or way I am using Bootstrap that allows for the logos to both scale and remain on the same line would be appreciated.
There are a couple of ways to solve this problem:
At first, you should recognize that the first two images are actually not two but just a single image. Using this technique, you can make a single png or jpg file with all these three images in combined into a single image file. I would not recommend this, so I would like to propose a much more robust solution using CSS. Please look at my second point.
You can use CSS3's in built feature known as CSS3 Media Queries.
This technology allows you to create responsive websites and be able
to dictate how your content appears on a variety of devices like
mobile, tabs or desktops.