You are here: Best Practices > Image Best Practices

Image Best Practices


Format images to the appropriate size before uploading them into the File Manager. This is true for all images, whether they are being used in the image menus, as icons, or elsewhere. Keep the following in mind:

Follow these naming convention and file management best practices for images:


ClosedUsing Images in the Header & Footer

ClosedUsing Images in Config

ClosedUsing images in Group Labels

ClosedUsing Images in the Commerce Process

ClosedUsing Images in Document Engine

ClosedUsing Images in File Manager

For more information on using the File Manager, see File Manager.

ClosedReplacing Default Icons

Replace a file in File Manager only in situations where it is absolutely necessary. Follow these steps to determine the best approach:

  1. To hide the icon, follow best practices for hiding elements within the CSS. For more information, see Styling Best Practices.
  2. Confirm that the icon is not used anywhere else in the site where you wouldn't want it changed.
  3. Use Firebug's inspector tool to uncover whether the icon image is defined in the HTML or CSS. This will determine how you can change the image.
    1. Maintain a record of any files you have replaced or added in the File Manager. This helps ensure a smooth migration from test to production.
      Your replacement icons should be created or edited by a professional.
      The icon should be an image that is either not owned or copyrighted by any entity, or is owned or copyrighted by an entity that has given permission for its use.
      The icon should be created or edited in a program like Photoshop that preserves transparency.
      PNG is the recommended format for new files.

ClosedExample: No existing image URL

ClosedExample: Existing image URL



Related Topics Link IconSee Also