?
Solved

Measuring image size on laptop screen

Posted on 2000-04-10
4
Medium Priority
?
1,002 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 

Expert Comment

by:LogicLoader
ID: 2702828
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
ID: 2703510
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 150 total points
ID: 2704234
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
ID: 2706779
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Ever wonder what it's like to get hit by ransomware? "Tom" gives you all the dirty details first-hand – and conveys the hard lessons his company learned in the aftermath.
XMind Plus helps organize all details/aspects of any project from large to small in an orderly and concise manner. If you are working on a complex project, use this micro tutorial to show you how to make a basic flow chart. The software is free when…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

765 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