Posts tagged "Save for Web"

Illustrator CS6 | The all-new Save for Web dialog box

Illustrator CS6 has been enhanced and streamlined in various areas like performance, efficiency, and usability. While improving on the existing prowess of the product is great, it is also important to modernize and restructure features that, over time, are used differently, or have become less relevant, or are just not used any more.

The Save for Web feature is used, chiefly, to optimize artwork and images for the purpose of using it in web browsers and applications. This was achieved by optimizing image size and color. However, as the web evolves and bandwidth becomes increasingly and easily available, the Save for Web feature has also evolved to keep up with the times. The feature has been reworked, and the changes include availability of certain formats from different menu options, removal of the WBMP format and automatic HTML generation, and modifications to the slices feature.

Save for Web dialog box in Illustrator CS6

Save for Web dialog box in Illustrator CS6

Save for Web

The Save for Web & Devices dialog box has been renamed and is now the Save for Web dialog box. This reflects the convergence of web formats and the new and enhanced capabilities of mobile devices. For the same reason, Device Central is no longer available in Creative Suite 6. The Save for Web dialog has also been fine-tuned to enhance usability, and other notable changes include:

  • The Image Size panel is now available to interact with directly; no tabs to navigate through.
  • The Image Size options are dynamic, enabling you to preview your changes as you go. You no longer have to click the Apply button to preview your changes.
  • The option to export slices has been moved into the Save for Web dialog (previously found in the Save Optimized As dialog)

SVG and SWF formats

The capabilities of mobile devices and web rendering technologies have improved, and we can safely choose quality over size.  Therefore, the option to save images as SWF or SVG has been removed from the Save for Web feature.

  • To save as SWF file format, click File > Export, and then choose Flash (*.swf) from the Save as type list.
  • To save as SVG file format, click File > Save As, and then choose SVG (*.svg) from the Save as type list.

Unavailable format: WBMP

The WBMP (wireless bitmap, .wbmp file) format was originally created to support images over WAP (wireless application protocol). These images were monochrome, and were effective when the availability of wireless bandwidth was minimal. The emergence of mobile broadband and 4G technologies have made the WBMP format obsolete. The capability to save to the .wbmp file format has been removed from the Save for Web dialog.

HTML export

The ability to save HTML has been removed from the Save for Web dialog box. However, if required, you can still get HTML code – in the Save for Web dialog, click Preview, and use the HTML code at the bottom of the browser window. In Photoshop CS6 though, Export to HTML is still available and you could save to HTML from there.

Output settings

The Output Settings dialog box, used to control HTML file formatting, slice naming, and background image handling, has been removed.