Getting the Perfect Sized Graphic for the Web From CorelDRAW

January 28, 2014

New Web Graphic CorelDRAWIt is very easy in either CorelDRAW or Corel PHOTO-PAINT to design a graphic for a Web site that is the perfect size. The first thing you need to do is remember that inches (or centimeters) have absolutely nothing to do with Web design. There is only one unit of measure that matters and it is pixels. You might then ask what dpi to use. It doesn’t matter! Put in any old number, I’ll often use 100 simply because it is a round number and I’m required to enter something.

What is the size you need to create? It all depends on where it goes on the Web site. As an example, I was working on a site for a musical act and the WordPress theme used on the site says the “large” photo on the top of the page should be 974 x 416 pixels. To get started, you just create a new page (or new image) with those dimensions. Above right is the New Document dialog box you get in CorelDRAW X5 and X6 where I have entered the pixel dimensions and the resolution for my new graphic.

Once I have the perfect size, the next thing I do is create a rectangle the exact size of the page. This is easily done by double-clicking on the Rectangle tool. Even better, it will be the backmost object on the page so it would go behind other objects if they already exist in the file. Fill this rectangle with whatever you desire for the background. As it could be used as a PowerClip container, you may simply want to fill it with a solid color for now. Remove any outline so it is sized exactly the same as the graphic dimensions. There is one magic step and that is select Edit | Object Hinting. This makes sure the background rectangle doesn’t have a faint edge and is sized perfectly.

After you’ve got the background rectangle the perfect size, you can put anything you want inside of that rectangle. Should anything go beyond the border of the rectangle, use PowerClip to put it inside of the rectangle. The only limit is your imagination. After the graphic is done, export it to either PNG or JPG and you’ll have a graphic ready for the Web.

Post Discussion

7 Comments

  1. Anonymous

    I find when I go by pixels it is never right, but when I go by Points it is dead on the size I wanted.

    Reply
  2. Max Ruso

    Hi,

    It does not address the pixel increase after exporting Corel Draw X6 to JPG. I have read many articles from you but I have not figured out how to do it. I just manual cut out in Corel PhotoPaint.

    Reply
  3. Foster D. Coburn III

    Max, if these instructions are followed, there is no pixel increase. If I had to guess, you either haven’t turned on Object Hinting or the background object is not perfectly positioned.

    Reply
  4. Karen

    Is Object Hinting available in CorelDraw X4?

    Reply
  5. Foster D. Coburn III

    Karen, sorry Object Hinting was added in CorelDRAW X5 as were a number of other pixel-related items.

    Reply
  6. Linda Bolte

    Thanks Foster, this is a great tip!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like…

Tech News Digest Graphics Unleashed

Tech News Digest for November 22, 2024

Amazon Echo Show, AI Granny, Salt Typhoon, eye color, Android 16, data cables sabotaged, Nomad eSIM, Tesla Model Y and phantom island. We have started our Black Friday sale and I’ve gotten a number of emails from other companies about their sales. I have no...

View Full Post
Tech News Digest Graphics Unleashed

Tech News Digest for November 15, 2024

Apple reviews, headphones, cat question, stress, scurvy, Windows 11 24H2, You’ve got mail, iPhone 17, Volvo EX30 and dog licks. If you are thinking about getting one of the new Macs, you’ll find several reviews to aid in your decision. There were plenty of...

View Full Post

Foster D. Coburn III

Foster D. Coburn III built his first Web site in 1995 and he has been working exclusively in WordPress since 2013. He has used the Divi theme exclusively since 2015. Earlier in his career he was the author of 13 best-selling books on CorelDRAW and has been a contributor to numerous technology and graphics-related magazines. Foster has taken many projects, including this Web site, from the early design stage through to a finished piece. He has been a featured speaker at many graphics conferences.

Recent Posts

Web Design Blog

Build Divi WordPress Site
WordPress Site Care
Divi Tools
Graphics Unleashed Logo