Entries:
Comments:
Posts:

Loading User Information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading User Information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Working with images in Web Essentials 2013

Download

Right click “Save as…”

  • MP3 (Audio only)
  • MP4 (iPhone, Android)
  • Mid Quality MP4 (Windows Phone, HTML5, iPhone)

This is a demo of a typical workflow for working with image files in Visual Studio. Web Essentials adds a lot of tools that makes this workflow easier than ever.

Features demoed:

  • Paste image from clipboard
  • Lossless image optimization
  • Create image sprites
  • Sprites are better with LESS/SCSS
  • Base64 encode images
  • Optimize base64 encoded images

Existing features NOT demoed in this video:

  • Paste image from clipboard onto CSS, LESS, SCSS, JavaScript, TypeScript, Markdown
  • Save base64 encoded image back to disk
  • Re-embed existing image as base64 encoded dataURI
  • Adding more images to a sprite
  • Changing an existing sprite without breaking your site
  • Optimize image from the HTML editor (Smart Tag on <img> element)

Let me know what you think.

Follow the Discussion

Remove this comment

Remove this thread

close

Comments Closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums,
or Contact Us and let us know.