One of the first settings you need to choose when scanning an image is the DPI (Dots Per Inch). This is a very confusing parameter and is often set incorrectly. Scanning an image with an incorrect DPI setting can result in a blurry or slow-loading picture.
Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact Advertise on Bucaro TecHelp Advertise Here RSS News Feeds News Feeds

HTML5 Solutions: Essential Techniques for HTML5 Developers

Essential Techniques for HTML5 Developers

HTML5 brings the biggest changes to HTML in years. Web designers now have new techniques, from displaying video and audio natively in HTML, to creating realtime graphics on a web page without a plugin.

This book provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

Click Here

Image Scanning - Confused About DPI?

One of the first settings you need to choose when scanning an image is the DPI (Dots Per Inch). This is a very confusing parameter and is often set incorrectly. Scanning an image with an incorrect DPI setting can result in a blurry or slow-loading picture.

The first place you encounter DPI is your computer screen. Let's assume that you have a 19 inch monitor. The 19 inch dimension is the "diagonal" measurement of the front of the CRT (Cathode Ray Tube). Because the CRT needs trim around it, the actual visible screen dimension is smaller than 19 inches.

1024 x 768 Computer Screen

Note: LCDs (Liquid Crystal Displays) don't need trim so you get the full diagonal dimension as visible screen.

Your 19 inch CRT computer screen ends up being about 15 inches in width.

The image on the screen actually consists of an array of dots called "pixels". If you set your screen to 1024 x 768 resolution, your screen has 768 rows of 1024 dots. Dividing 1024 by 15 results in your computer screen having 68 DPI. To scan an image to appear the same size on the screen as the original picture, set the scanner to 68 DPI.

There are many different size computer screens, all set to various resolutions from 640 x 480 to 1280 x 1024 and higher. Using the above method, you can calculate the DPI for your specific computer screen. Your image will only appear "actual size" on screens that are the same size and set to the same resolution as yours.

Note: New technologies like "style sheets" and "XML" are designed to let you display an image with a specified size on any computer screen, but this has not yet been perfected.


Size on computer screen

Size on printer

Let's assume that you scanned a three inch square picture at 68 DPI so that it will display in actual size on your computer screen. Then you send it to your printer. Surprise! Your printer prints a 3/4 inch square picture. That's because your printer is is 300 DPI.

Web Design Sections

RSS Feed RSS Feed

Google Reader or Homepage
Add to My Yahoo!
Subscribe with Bloglines
Subscribe in NewsGator Online

Add to My AOL
Add to Technorati Favorites!

Graphics Design
Pencil Free Open Source Cartoon Animation Drawing Program
Animation Software - The Amazing 3D World
Graphic Design Meets Open Source
Anti-Aliasing
Free Animated GIF Maker
Paint Shop Pro : Version 4 Was Best
Graphics File Formats for Your Web Page
The Browser Safe Palette
Image Scanning : Confused About DPI?
An Insight to Logos
Building an Image with a Logo
CSS Button Designer
What is the Pantone Color System?
Color Harmony in Web Design
RGB Color Schemer
RGB Color Schemer FAQs
RGB Vs CMYK
Hexadecimal Color Notation on the Web
Web Designer's Reference
Beginning GIMP: From Novice to Professional
The Game Maker's Apprentice
The Blender Gamekit
Stop Motion Animation: Nine Creative and Easy Techniques
How to Make a Simple Video
How to Create a Simple Video with Windows Movie Maker
How to Embed a YouTube Video in Your Webpage
Free eBook - How to Be a Video Game Designer
How to Make a Video Game for your Xbox for Free
Get GIMP - Free Replacement for Overpriced Photoshop
Use GIMP to Scale (Resize) an Image
Graphics Design for Beginners - Cropping Images
Graphics Design for Beginners - Blur Filters
Create GIF Animations With Free GIMP Image Editing Program
How to De-haze a Photo with GIMP
How to Make Beautiful Skies with GIMP
Inkscape - Free Vector Graphics Illusttration Package
Inkscape Basics
Basic Inkscape Vector Drawing
Inkscape - How to Add a New Node
Inkscape - How to Join Two Segments at Endnodes
How to Place Greek Letters in an Inkscape Drawing
How to Make a Simple Animated Banner in Flash CS3
How to Trace an Image Using Photoshop
How to Create a Product Box in Photoshop


[Site User Agreement] [Advertise on This site] [Search This Site] [Contact Form]
Copyright©2001-2011 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268