Solved

Measuring image size on laptop screen

Posted on 2000-04-10
4
983 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
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 50 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
This video demonstrates how to use each tool, their shortcuts, where and when to use them, and how to use the keyboard to improve workflow.
The viewer will learn how to dynamically set the form action using jQuery.

929 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

13 Experts available now in Live!

Get 1:1 Help Now