All posts tagged ‘graphics’

File Under: Glossary

Index Color

Producing images for the web invariably means minimizing the number of colors (and therefore the file size), and the index color system is another step in this squishing process. With a 216-color palette loaded, Photoshop will map an image to those colors when you move it into index color mode. While this helps the compression and allows you to choose bit depth, it also makes the colors dither, or shift numerically, to the palette. One way to compensate for dithering in the index mode is to use a histogram, which is basically a bar graph of each color’s frequency in the image. In most image-processing programs, you can manipulate the histogram and determine how much weight to give certain colors in the resulting palette.

File Under: Glossary


If a computer-displayed image is interlaced, then it is rendered in alternating horizontal lines.

For example, browsers display interlaced GIFs in alternating passes, skipping every other line and rendering a kind of blurry image first and then sharpening it on subsequent passes. This is useful if you’d like your viewers to get a general idea of the image while they are downloading it. Interlacing for GIFs was designed to make bigger images quicker to download, but the problem is that an interlaced GIF actually has a larger file size than a non-interlaced GIF, so use this method cautiously.

File Under: Glossary


If you’re at all interested in e-biz, you’d better get serious about tracking webographics. A user’s webographic profile includes platform (Mac, Unix, or Windows), browser make (IE, Netscape) and model (3.0, 4.0), and connection speed (T1, 28.8, 14.4). Each of these factors can have a dramatic effect on a user’s experience, and every developer must decide whether to build a site that’s accessible to everyone (meaning fancy cutting-edge doodads are out) or create something really cool that won’t work unless users upgrade. We, of course, recommend the former.

Firefox Lends IE Hand for Next Gen HTML

Firefox and IE displaying canvas graphics elements side by side.

Firefox and IE displaying canvas graphics elements side by side.
Picture courtesy Vladimir Vukicevic’s blog

According to Mozilla engineer Vladimir Vukicevic, Internet Explorer isn’t adapting to the next generation of web standards fast enough, so he’s going to have to do it himself.

Vukicevic has been working to introduce HTML 5 graphic canvas elements to Firefox. As we mentioned in our preview of Firefox 3.1, canvas elements introduce the ability to render two dimensional, and soon three dimensional, graphics directly through web pages without a download. The graphics are part of the next-generation HTML 5 standard, and it’s something Opera and Safari have already implemented.

The problem is the leading browser on the internet, Microsoft’s Internet Explorer, doesn’t support Canvas elements and have announced no plans to support it in the future. If you were a Mozilla developer behind a cool new feature and you knew people weren’t going to use it until the leading browser on the web implemented it, you might feel tempted to lend the other browser a hand.

Vukicevic did exactly that. His ActiveX component adds the ability to see Canvas elements in Internet Explorer exactly the same way Opera, Safari or Firefox 3.1 users will. According to Vukicevic’s blog post:

“Canvas is just one piece of the full modern web platform, but because it’s so self-contained, it lets us experiment with pushing the web platform forward even for browsers that have fallen behind (or that might not be interested in an open web).”

The code isn’t finished yet. There are still some graphic implementations needed to bring the feature up to standard. Even more daunting, there are installation issues with Vukicevic’s solution:

“Currently, the experience is pretty crappy… In theory, with the right signatures, the right security class implementations, some eye of newt, and a pinch of garlic, it’s possible to get things down to a one-time install which would make the component available everywhere.”

Still, this is great news for Internet Explorer fans. HTML 5 technology aims to bring multimedia elements, such as audio, video and graphics to your browser without depending on third-party media solutions. The standard, if implemented among all browsers, allows web developers the tools needed to ensure the same user experience no matter what browser you choose to use.

For the rest of us, it means a seamless and rich multimedia experiences in our favorite web pages — no more missing plug-ins or add-ons.

However, Internet Explorer hasn’t been very open to adapting to developing standards as Opera, Safari and Firefox has. In part, this is because it is pushing its own .NET based technology, including its Silverlight multimedia browser plug-in, to achieve the same goal. Pushing adoption of its technology instead of web standards such as HTML 5 (using the weight of Internet Explorer’s leading market share) means the company has more power to influence the future of emerging internet technology.

This is where Vukicevic’s add-on is so unique. In a way, it forces Internet Explorer to play along with the web standards community without its direct involvement. In turn, web developers will be more apt to use the technology. And if all browsers use the same standards, it means rich internet multimedia for all.

File Under: Visual Design

Pikipimp: Pimp Your Photos

Pikipimp is a fun new online photo service that allows you to edit your photos Mr. Potato Head-style, adding in hats, beards, bikinis, jewelry and more to create new images.

To use Pikipimp upload a photo to the site and then drag-and-drop supplemental images into your picture. You can then drag, rotate and resize the beards, bikinis and other items to fit over the content of your image.

Below the main editing area is a layers “palette” with options that amount to a stripped down version of Photoshop. You can drag-and-drop to re-order the layers, control the transparency and manually enter dimensions.

Continue Reading “Pikipimp: Pimp Your Photos” »