Tag: images

Strip unnecessary meta-data from your images!

September 26, 2014 / Paul / 0 Comments

Adobe Fireworks uses the PNG file format as its native format, storing metadata in â€œprivate chunksâ€ of the file that arenâ€™t used to render it. Unfortunately, if you publish your unoptimized images, the browser still has to download all of that metadata. In the above case, the server sent down a 10×30 pixel asset with just 164 bytes of image data (the IDAT chunk) and over 46kb of Adobe Fireworks private data. Fiddlerâ€™s ImageView Inspector will show you when your PNG file contains unneeded data, and if youâ€™d like to explore further, check out this great free PNG chunk decoder: http://entropymine.com/jason/tweakpng/ Lesson learned? If you donâ€™t need it, optimize your images and strip unnecessary meta-data from your image …

Continue at sourceÂ –

Strip unnecessary meta-data from your images!

The 8 Types of Images That Increase the Psychological Impact of Your Content

June 24, 2014 / Paul / 0 Comments

The importance of using images in blogging goes far beyond “looking nice.” It’s actually deeply psychological. For one thing, your brain (and your reader’s brain) is better at processing visuals than text. In fact, 90 percent of the information that our brain gets is visual, and it processes that information 60,000 times faster than text. And visuals, when they complement your text, help your message connect: 40 percent of people will respond better to visual information than to text. Read on to learn about the eight most effective types of images, and where to find them online. We’ll start with one you may turn your nose up at initially, but hear me out.

1. Stock photos There’s a lot more to stock photos than…

Original Article Can Be Found Here:

The 8 Types of Images That Increase the Psychological Impact of Your Content

Quick Tip: How to Use HTML5 “Picture” for Responsive Images – Tuts+ Web Design Tutorial

May 14, 2014 / Paul / 0 Comments

Images are notoriously one of the most challenging aspects of responsive web design. Today we’ll look at how the “picture” element, a solution to the problem of responsive images, can be used right now. First, the Problem The days of fixed-width, pixel perfect website design are well and truly behind us. In the present day of widescreen monitors, internet TVs, multiple sized tablets and smart phones our designs now have to cater for everything from 320px wide up to potentially as high as 7680px wide. Along with this multi-resolution landscape comes a need for images to stretch or shrink to fit these wildly varying requirements. This can prove to be something of a problem given that, with the exception of vector graphics, the vast …

Original Article Can Be Found Here:

Quick Tip: How to Use HTML5 “picture” for Responsive Images – Tuts+ Web Design Tutorial

This Chrome Add-on Lets You Copy & Erase Text Inside Any Image on the Web

April 24, 2014 / Paul / 0 Comments

What would you say if we told you that it’s possible to copy, translate, edit and even erase the text inside any image you find on the internet? Well, you can, and it’s a lot easier than you might think. All it requires is a new browser extension, called Project Naptha, made by developer Kevin Kwok. It uses a number of optical character recognition (OCR) algorithms, including libraries developed by Microsoft and Google, which quickly build a model of text regions, words and letters from nearly any image. Once installed, you simply hover your cursor over available image text and select it. Using its built-in tools, you can do a number of things: Firstly, you can copy your selection. This is great if you’ve been emailed…

See original article taken from here:

This Chrome add-on lets you copy and erase text inside any image on the web