Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
On an average, what should be the size of the image for full-screen background?
I'm currently using a 1920x1080 pixels image, would that be ok or is it too small for desktop size screens?
It depends on the native resolution of your screen.
The image used should match the native resolution of your screen for the best result.
There is a couple of things you can do to adress this issue since people will be using different screen sizes.
Dynamicly generate your background; this limits you to the use of pure symetrical images
Upload multiple sizes of your background image, grab the screen resolution from the users user-agent and display the correct size image.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
I would like to ask what's the correct picture size on a carousel on Bootstrap? I'm a beginner using Bootstrap, so I would like to know the correct size of the picture or any idea/tips you guys recommend?
This is really not a topic to worry about .
The size of image get decreases with screen size since width: 100% does ur job in bootstrap.
But thing you should worry about is that all the image should have same aspect ratio .
The aspect ratio is upon the how much you want your carousel to cover your screen .
For me , When i want small carousel to my page below menu bar and carousel after that i prefer 1200x700 for carousel image .
It depend on ur design need .
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I'm using jpg and have more than 20 full screen images on each page and needed to save on file size so I shrank them to 480 x 300 and gave them all a 2px blur. The resolution looks fine to me because the blur hides it.
My question is, is it a good idea to stretch images to that extent?
No not at all. Use image sprites to reduce the http request or you can optimize the file size with online image optimizer or some automation task runner for example.
List of sites :
1. http://www.creativebloq.com/design/image-compression-tools-1132865.
2.http://compressnow.com/
Task runner :
1. Grunt
2. Gulp
by optimizing images you can reduce file size without compromising image quality.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to make a website which scales to window size/resolution.
Currently I am using tables which are not scaling, but instead overlap each other as I resize browser window.
What do I use in order to solve my problem?
Thanks
Search about Responsive Design, meaning the design and the implementation of a website so that it can be optimally displayed in a wide range of screen resolutions. Look here for more.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What do people think is the minimum screen size one needs to cater for?
640px?
Is there are hard and fast rule like the old 960px wide?
Thanks
Similar question like;
http://stackoverflow.com/questions/842638/whats-the-standard-minimum-resolution-i-should-support-with-a-website
http://webmasters.stackexchange.com/questions/1423/which-minimum-browser-or-screen-resolution-should-i-target-my-web-apps
Min. resolution for responsive layout that should be supported is 320px X 480px i.e. iPhone resolution.
Yeah totally true what has already been said that the minimum screen size you have to cater to is usually 320px.
Also, I would say that after you deploy the site, you should monitor it frequently with Google Analytics which will tell you what screen-size your website visitors are using.
Today we have a lot of screen sizes. I don't think we have a minimum sreen size. And if we have, probably it will be the iWatch...
http://media-cache-ak0.pinimg.com/736x/bb/d1/a2/bbd1a29bf07aa047ac66a74f88751328.jpg
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm creating a website for myself (portfolio to be precise) and I have some images that I want to put in the website.
I was coding on my laptop (15") and previewing the website there all the time. I then uploaded it to a server and opened it on my home pc (23" screen), first thing I noticed was that all the images are way too small for this kind of screen.
Images looked perfectly fine and occupied about 60% of the screen height on my laptop while they hardly occupy 40% of my 23" screen.
How do you website designers deal with this kind of stuff?
Responsive web design along with media queries is the way to go.
http://www.hongkiat.com/blog/responsive-web-tutorials/