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.

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

You May Also Like…

Business Improvement 2020

Boosting Your Business in the New Year and New Decade

How did you promote your business when 2010 rolled over on the calendar? Did you even have a business ten years ago? Maybe you were part of a different business. The same questions could be asked about where things stood even a year ago. Let's...

Read More

Seamless Textures Unleashed

Seamless Textures Unleashed Now on Facebook

Over the years, we've had a number of Web sites in different areas that were all managed on the Graphics Unleashed Facebook page. Two months ago we rolled out a separate Facebook page for Vehicle Templates Unleashed. Now we have created a...

Read More

Tech Disasters

Week of Tech Disasters and Solutions

The local weather was spectacular a couple of weeks ago and I wanted to take a day off to have some fun. So I planned a day of scuba diving that Friday to end the week on a high note. The diving went well, but the day before was the beginning of...

Read More

Foster D. Coburn III

Foster D. Coburn III is 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. His first Web site was built in 1995 and he has been working exclusively in WordPress since 2013.

Recent Posts

Pro WordPress Help

Graphics Unleashed Donations

$
Personal Info

Donation Total: $5