Logo Formatting & Troubleshooting

Preparing your logo using recommended file formats helps ensure that your logo will download quickly and look crisp on all devices and platforms.

Logo File Formats

JPG and SVG file formats work best. JPG files are bitmap images. SVG files are vector files.

Note: JPG and SVG file formats only. Other file formats are not recommended.

SVG file formats are preferred because vector files scale perfectly. They also offer smaller file sizes and download more quickly than bitmap images. However, creating a valid SVG file can be difficult if your logo is not an original vector file or if you do not have access to software that can create SVG files.

JPG files are acceptable if a vector logo is unavailable.

To create an SVG logo, you must start with a vector graphic file. Vector graphics are most commonly created using programs like Adobe Illustrator. Logos created by graphic artists are often delivered in vector formats like EPS and AI.

Bitmap graphics are created using programs like Adobe Photoshop. If your logo is unavailable as a vector file, use JPG format.

Warning: Saving a JPG or PSD bitmap image with an SVG extension does not convert that bitmap image to a vector image.

For best results, JPG logos should measure at least 600 pixels on the longest dimension.

Logo Formatting

For best results, when saving your logo, do not include extra white space around the edges of your logo. Logo padding is best managed with Logo settings and the default values are typically best for most websites.

Including extra white space around the edges of your logo makes it difficult to control the appearance of your logo.

Create SVG Logo

You can create an SVG logo with a vector logo file in AI or EPS format. This process assumes that all logo elements are vector objects.

Follow these steps to create an SVG logo:

1. Open the EPS or AI logo file in Adobe Illustrator.
2. Press the CTRL+A keys to select the entire image.
3. Ungroup all elements:
   • Choose the Object menu.
   • Choose Ungroup from the menu.
4. Convert all text to outlines:
   • Select all text elements (CTRL+CLICK or SHIFT+CLICK).
   • Choose the Type menu.
   • Choose Create Outlines from the menu. If the Create Outlines option is unavailable, the text is already converted.
5. Set artboards to logo boundaries:
   • Select the entire logo (CTRL+A).
   • Choose the Object menu.
   • Hover your mouse over the Artboards submenu.
   • Choose Fit to Selected Art from the Artboards submenu.
6. Save as SVG:
   • Choose the File menu.
   • Hover your mouse over the Export submenu.
   • Choose Export As... from the Export submenu.
   • Enter a filename.
   • Change Save as type to SVG.
   • Click the Export button.
   • Review the SVG Options:
     • Styling: Presentation Attributes
     • Font: SVG
     • Images: Embed
     • Object IDs: Minimal
     • Decimal: 2
     • Minify Checkbox: ON
     • Responsive Checkbox: OFF
   • Click the OK button.

Logo Issues

In some cases, your logo may not appear on your website. Here is information on how to correct display issues.

Logo Not Visible

If you have deleted a logo or added a new logo, confirm that your preferred logo is selected in Your Settings.

To assign your preferred logo:

1. Sign in to your Good Gallery administrator account.
2. Hover your cursor over the Site menu.
3. Under the Your Settings menu heading, choose Logos.
4. In the Logo setting:
   • Choose the Desktop logo.
   • Choose the Mobile logo.
5. In the Hidden Watermark Logo setting:
   • Choose the Desktop logo.
   • Choose the Mobile logo.
6. Click the Save Changes button.

Alternatively, your logo may have been saved incorrectly -- perhaps in the incorrect color space. Use JPG and SVG file formats only. Other file formats are not recommended and some formats like EPS are not supported.

Save the logo again using your preferred image management software. When the new logo file has been created, upload the updated logo and select the new logo from the Logo settings dropdown.

Other Display Problems

If your logo file format is SVG and your logo does not display properly on some browsers or devices, then it is likely that the file was saved incorrectly. See the Create SVG Logo section above for detailed instructions on how to create SVG images from vector files.

Warning: Saving a JPG or PSD bitmap image with an SVG extension does not convert that bitmap image to a vector image. If your original logo is unavailable as a vector file, use JPG format.