CorelDRAW Community
CorelDRAW Community
  • Site
  • User
  • Site
  • Search
  • User
Wikis
Wikis
How-to and Tips&Tricks Working in pixels in Draw: How to set Draw up to get pixel-perfect results with the Web Image Optimizer
  • Wikis
  • Tags
  • More
  • Cancel
  • New
  • The Clone Tool
  • +Corel DRAW: Halftone
  • +Corel PHOTO-PAINT
  • Corel PHOTO-PAINT for Adobe PhotoShop users
  • -CorelDRAW
    • Addons
    • Aditional Color Palettes
    • Advanced technique for soft-edged vector objects
    • Approximating Superellipses
    • Artistic Media tool trick
    • Auto-Center PowerClip Contents - CorelDRAW X5
    • Combining multiple text objects into one text object
    • Complete list of Keyboard Shortcuts
    • Converting to Jpeg file format
    • Creating a distressed look in vector
    • Creating shadows and soft-edged objects using only vectors
    • How to center a 5-points star inside a circle
    • How to copy and paste properties between objects - quickly and handy
    • How to detach the Tools Flyouts menu? - CORELDRAW X5
    • How to duplicate a page and maintain its layer structure and content
    • How to Export from CorelDRAW
    • How to FILL OPEN CURVES
    • How to print the unprintable Grid layer
    • How to set a palette as default for all color dropdowns
    • I will show you how to create a cool emboss PS like effect in CorelDRAW
    • Miter Limits
    • Navigating a Zoomed In Document
    • +Printing Issues
    • Quick Duplication
    • Quick navigation through Drawing Windows.
    • +Set you Monitor to display real size objects
    • Shortcut Keys for Aligning objects
    • Using the Eyedropper to sample colors for the Interactive Fill and Mesh tools, Tables, etc
    • Using the mouse wheel not only to Zoom but to scroll
    • Vector Fire Effect in CorelDRAW
    • Working in pixels in Draw: How to set Draw up to get pixel-perfect results with the Web Image Optimizer
  • CorelDRAW for Adobe Illustrator users
  • +CorelDRAW.com
  • Designer's Guide to Color Management
  • Exporting ai files from CDX6 to Adobe InDesign CS6 - not working!
  • GDG Macros VBA Lessons
  • +Hidden Gems, Keyboard Tricks in CorelDRAW Graphics Suite
  • +How to show Thumbnail Preview
  • +Making flag in CD/PP by Jesus Cota
  • MANUAL FLATTENING
  • Mesh fill tool structure on circular shapes
  • Selection Groups
  • SHEKHAR
  • Soft Bevel Macro for CorelDRAW
  • Thumbnails Everywhere
  • Troubleshooting - Computer says No
  • +USING PHOTOSHOP AS A BITMAP EDITOR FOR COREL DRAW
  • +VBA
  • Vetorizar
  • +Water Effect by Jesus Cota

Working in pixels in Draw: How to set Draw up to get pixel-perfect results with the Web Image Optimizer

Draw is great for creating web graphics but there are some stuff you must do for the Web Image Optimizer to behave like expected. You need to:

  • Calibrate rulers (set the ppi to very close to actual screen resolution to get true WYSISYG). You find it in Tools/Options/Workspace/Toolbox/Zoom/Hand tool/Calibrate Rulers
  • Use Zoom Relative  to 1:1 setting (same place as above)
  • Set ruler resolution to the same figure as used in Calibrate rulers. (Tools/Options/Document/Rulers/Resolution)
  • You can also preferably add the Zoom 1:1 command to the Zoom toolbar to have it handy.

The key to this is how you have calibrated the rulers (it resides under the zoom tool settings). It does not necessarily have to be the same as the real screen resolution, but if you want WYSIWYG it's necessary to set ruler calibration figure to the same as the actual screen resolution. The page resolution and the ruler resolution are corresponding so changing one changes the other too. But that figure does not really have any impact om the WIO output. It only comes into play when you use the export route, in the Convert to Bitmap dialog. (Like if you have the page resolution set to 300 ppi, a one-inch square will be 300 pixels wide in the Convert to Bitmap dialog @ 100%).

Example: My monitor has a dot pitch of .25 mm so it is very close to 100 ppi. I therefore calibrate the rulers deliberately to 100 ppi. Now when I draw a square of 1x1 inch its really 2,5 cm or 25 mm on the screen when zooming 1:1. It will also be 100 px wide in the WIO because I have told it so when I calibrated the rulers. The WIO calculates from the ruler calibration figure. So If you instead set the figure 72 ppi in the ruler calibration, the 1-inch square measures 72 px in the WIO when zooms 1:1. But then it will only measure 18 mm instead of 25 (72x.25=18). Of course you always zoom to 1:1 when outputting through the WIO because otherwise you will never know what you get. I'd say the WIO is designed for web work and then you will want to design in WYSIWYG mode so everything has its real-world measurements.

Some monitors, like the popular 19 inch ones at 1280x1024 pixels, have a larger dot pitch @ .27 mm and so the ruler calibration figure should be set to 94 ppi to get exaxt WYSIWYG.

  • natural size
  • Zoom 1:1
  • units pixels
  • web image optimizer
  • Share
  • History
  • More
  • Cancel
Related
Recommended

© Corel Corporation. All rights reserved. The content herein is in the form of a personal web log ("Blog") or forum posting. As such, the views expressed in this site are those of the participants and do not necessarily reflect the views of Corel Corporation, or its affiliates and their respective officers, directors, employees and agents. Terms of Use / Privacy​ ​/ ​Cookies / Terms and Conditions / User Guidelines.