Settings: Logo Scale — Width + Resolution

August 2, 2020


Hey, logo designers, today I wanted to show you how you can export your logos in a variety of sizes using the Scales tab in the Settings panel of Logo Package Express to go to the settings, click on the gear icon in the upper right corner of the Logo Package Express extension window. On this page, you'll see a number of tabs for different settings. But today we're going to be focusing on the scale. Tab Logo Package Express brings your logo artwork in at the exact same size it was in your final artwork file.


And when it exports vector versions of your logos, the Adobe Illustrator files the PDF and EPS. It's going to use that same width because vectors are scalable and it's assumed that you designed the logo at the size you wanted.


So when we change the width in the scale tab, we are only changing the width for JPEG and PNG exports. There are two areas to input a custom width for your logo files. There are web scales and print scales and these will affect the files exported for your web files or your print files. According to which area you choose to set, scales and print scales will only be exported if you have JPG checked under your print file formats in the formats tab of the settings.


Now back to the scales tab. The default width for both web scales and print scales is going to be the same width that your final logo artwork was.


But you can update that to be anything you would want and you can add multiple scales under both the web scale section and the print scales section. So let's go ahead and do that. I think I'd like to have three scales for my web scales, a small size of three hundred pixels. A medium size of six hundred pixels and a large size of twelve hundred pixels. And while 72 is the preferred resolution for the Web, sometimes you're going to want to export files that are twice as big for retina screens.


So you can also update the resolution. For example, I'm just going to make our six hundred pixel wide logo mark one hundred and forty four resolution, which is twice the standard web resolution. And then I'm going to go high resolution for our large logo. For print scales I'd like two settings and I'm going to change the unit.


Instead of pixels, I want to be exporting these in inches. I would like two sizes, one at three inches and another at six inches. The resolution on print scales is locked at three hundred PPI because in order for a file to be printed, it needs to be high resolution. Again, the only file format that will be available for print files is JPEG. The reason that there's no PNG option under print file formats is because PNG is a web-only file format and it can only be saved in the RGB color space.


In order to print your logo files, you need them to be in the CMYK color space. And the only raster-based file format that supports that color space is JPG. So all of the scales that we have set under print scales will be exported. High resolution in the CMYK document color space. So let's take a look at what the files that are exported with these scales look like inside of our logo package.


If I open up one of these folders, we can see that the file naming convention has been applied that shows the width, the unit and the resolution in each file and that our JPG and PNGs for web have been exported and our JPG for print have been exported. And in case you're skeptical about Adobe Illustrator's ability to export raster files correctly, let's open these up in Photoshop and see if the settings are correct. Here inside of Photoshop, I can check the width and resolution of a file by looking at the image size window and I can open it by going to image > image size or using the keyboard shortcut Option + Command + I on a Mac or Control + Alt + I on a PC.


So let's do a little comparison. Our file name says that this file was supposed to be exported at six inches with three hundred PPI. If I change the unit inches you can see that we have six inches and our resolution is three hundred. So that worked perfectly. Let's cancel this and look at another file. What about one of our web files? This file was supposed to be six hundred pixels at one hundred and forty four PPI so let's open up that image size window again by doing Option + Command + I on a Mac or Alt + Control + I on a PC.


And let's bring that over for comparison. We have six hundred pixels and one hundred and forty four resolution.


So as you can see the exports from Illustrator using Logo Package Express come out perfectly, and that's everything you need to know about exporting custom scales from Logo Package Express. Thanks for watching.

Create any logo size your client needs

With the settings discussed in the article above, you can provide clients with any logo size they want. Ad hoc logo requests will be a thing of the past.

Logo Package Express 2.0 box.

Up Next

April 27, 2022

Fixing Corrupted and Distorted SVG Logo Files

Learn how the decimal setting can distort SVGs in unexpected ways and what you can do to fix it.
Continue Reading
March 8, 2021

Export Logos With Shape Overlap

This tutorial shows you how to properly export logos where one logo component overlaps another.
Continue Reading
March 8, 2021

Export Logo Components That Aren't Locked Up

Some logos hav elements that are not used together. Learn how to work with logos that have disparate elements.
Continue Reading


Logo Package Express

Export logos 10x faster.
Learn More

Logo Package Portal

Store and share logos.
Learn More

Logo Package Swatch

Color info at your fingertips.
Learn More