On watchOS 2 beta 4, Xcode 7 beta 4, Group's image do not scale as I expect.
Actual size of image (named MvF86#2.png) is 215x221 and I want it to be fit in 150x150, but it's just repeat from the top left corner...
Should I resize original image itself or something wrong in my settings?
Thanks in advance.
I've gotta same problem, but it seemed the problem was fixed in watchOS 2 beta5 released today. Please check it out!
You need to have the images twice the points you setup in storyboard (for 150x150 group background you need 300x300 image in order for it to look sharp).
Nevertheless, your setup seems to work for me. Do you have the image in the correct group in xcassets? I've got it working this way
Related
It is the first time I have ever used image slider on a website, what should I do to make my images not look stretched out?
The problem is not with my slider code, my question is if this is even possible to my images look great with this kind of height/width ratio (I have tried scaling images with Sketch already and this is the best result I have gotten so far)? I also don't want to add more height to the slider since I think slider shouldn't take up that much space.
Here is the website for reference: http://sanbruno.herokuapp.com/
People who have worked a lot with sliders- what should I do to make it look great?
So let's make some calculations - as I can see at webpage you're using 2000x600px size images, what's gives us 20/6 scale = 3.(3). So for 4256px width (if you want to use it all) you should have 1276px height (4256 / 3.(3) = 1276px). So if you crop 1276px width from you original image it won't be stretched out.
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.
I have to add a text filed and it is 210X30 for iPhone 5. I want it to stretched according to iPhone 6 and iPhone6+. I don't want to fix the width or height of the text field and also don't want to fix the horizontal spacing from the edges of the iPhone. I want it to be flexible and maintain the ratio of the space which it has in case of iPhone 5. Kindly let me know what kind of Constraints I need to put in order to achieve that.
Please let me know if my question is Unclear I will explain in detail as I am sure this scenario will be faced by each and every iOS Developer shortly.
It seems like you want to keep the aspect ratio: i.e. 210x30 on an iPhone 5 screen with a width of 320, but approximately 246x35 on an iPhone 6 with a width of 375.
In Interface Builder, you can add an Aspect Ratio constraint. In code, you can add
[NSLayoutConstraint constraintWithItem:self.label
attribute:NSLayoutAttributeHeight
relatedBy:NSLayoutRelationEqual
toItem:self.label
attribute:NSLayoutAttributeWidth
multiplier:210.0/30.0
constant:0];
I have a lot of images with a resolution around 500x1500 and I want to show all those images in a grid on my website. Each picture in the grid should be 200x200px.
If I scale down the images with CSS from 500x1500px to 200x200px and I show 10 200x200px images on my website, does this mean that the visitor first have to download the 500x1500px images and then their browser scales the pictures down?
If that is the case, then it's a bad solution to do it like this, right? Instead I should have two versions of each picture, one 500x1500px version and one 200x200px version. Am I right?
The question then is what's the easiest way to scale down hundreds of images?
Yes, I think it is the case that the browser will download the larger image and then scale it. You can check for yourself by opening the dev tools on the browser (press F12 if you're using Chrome) and monitoring the network traffic when you reload your site.
The easiest way to scale down hundreds of images is find or write a program to do it.
You are right. You can set height and width of the images but 1) the user will have to download a bigger image than necessary and 2) the height x width ratio will be trouble (the big one is 1x3 and the small one is 1x1). I would either use http://www.imagemagick.org/ , gimp or a similar tool to crop the images, but the problem is that the cropped area might not be very good. Only a human can select a good fit for the cropped area :-(
Edit1: Perhaps a well-trained neural network could select the most "interesting" part of every image programatically but that's kind of a lot of trouble to do that. Still it could be pretty interesting :-)
Well, i saw a Qt Quick Image's Carousel Example in http://developer.qt.nokia.com/wiki/Qt_Quick_Carousel. I adapted for my specific situation and it worked!
Ok, but i'm with problems still. I want to show just 4 images each time, but i didn't see something about this. I'm reading also a QML documentation in http://doc.qt.nokia.com/4.7-snapshot/qml-tutorial.html...
Do someone know how can i to show just 4 images each time in the that example code?
pathItemCount property from PathView will help you.