Solved

Measuring image size on laptop screen

Posted on 2000-04-10
4
981 Views
Last Modified: 2013-11-15
I'm trying to design a web page on my laptop which has a 14" screen. When modifying images in different applications, such as Photoshop and Dreamweaver, the dimentions and ruler sizes of images don't seem to match-- in other words, the application will say that the image is 5" by 7", but if I put my tape measure on the screen, it measures smaller (in Photoshop). However, when I enable the onscreen ruler measurments in Dreamweaver, the inch marks are actually larger than an inch if I hold my tape measure up to the screen. How can I know how big or small to make my web page, and the images in it- if everything is relative? (I tried to adjust the total screen size in Control Panel --I'm using Windows 98, 2nd edition on a Pentium 3 laptop Micro Express 4800b-- but the only adjustment available made everything appear huge). Thanks for the job you guys are doing! my email address os pfam@wenet.net  --Peter
0
Comment
Question by:peteshakti
4 Comments
 

Expert Comment

by:LogicLoader
Comment Utility
For web design you should really use pixels--display in pixels, so design in pixels. You must then consider target monitor resolutions and design graphics accordingly. I think that 1024x768 or 800x600 is a good start since targeting these does not necessarily mean a bad display with other resolutions.

Your never going to get the results you want if your are trying to make images appear a certain size. Consider that images on a 800x600 13" monitor will be smaller than an 800x600 15". Furthermore, monitors come in 72dpi(dots or pixels per inch), 96dpi, etc. Instead, think that a 200 pixel wide image will cover 1/4 width of 800x600.

In Photoshop, go to Image / Image Size. There you can see the relationship between the pixels and inches.

www.oakland.edu/~jaalquiz
0
 
LVL 1

Expert Comment

by:red117
Comment Utility
are you sure that you haven't got the zoom in on the image?  If you are not viewing it as 100% you may have things off by a little.

0
 
LVL 1

Accepted Solution

by:
rhinosaur earned 50 total points
Comment Utility
Using actual lengths is unreliable since the software programs have no idea of how big a pixel image is on the screen ... there's no standard. You could have a screen 3ft wide and another 1ft wide and they could still only be 800 × 600. However, actually lengths are used more commonly for printing where you can actually tell the print your dimensions. As stated above it best to work in pixels for web development since you can determin how many pixels wide a screen is.
0
 

Author Comment

by:peteshakti
Comment Utility
The answer from Rhinosaur was good but the added comment from Logicload was excellent and even more helpful. Thanks for the info- keep up the good work!
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In our personal lives, we have well-designed consumer apps to delight us and make even the most complex transactions simple. Many enterprise applications, however, are a bit behind the times. For an enterprise app to be successful in today's tech wo…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now