quinta-feira, 1 de novembro de 2012

8 Excellent Tools for Optimizing Your Images

One of the easiest ways to reduce page response times is by optimizing your website images to reduce their file sizes as much as possible. Optimizing images not only makes your web pages load faster, but also reduces your bandwidth consumption, which can translate to significant savings in your hosting bills.

There are several free tools available at your disposal to shrink and optimize images. In this article, you will find convenient and user-friendly tools for making your web images as tiny in file size as possible.

1. smush.it!

smush.it!

smush.it! makes optimization of your images a breeze. Created by Stoyan Stefanov and Nicole Sullivan , smush.it! is a tool that is available as a Firefox extension, a bookmarklet, or as a simple web-based application (hosted by Yahoo!). It takes in most types of image formats, and automatically converts GIFs to PNGs (because they’re virtually the same, only that PNGS weigh a whole lot less).

2. RIOT

RIOT

RIOT – which stands for Radical Image Optimization Tool – is an image optimizer for Windows users that is available as a standalone application or as an extension of IrfanView . It supports inputs in JPG, PNG, and GIF files and has the ability to strip out image metadata for further reduction of file bloat. It also has some basic image-editing utilities such as pan, zoom, and rotate, and flip built in.

3. PNGOUT

PNGOUT

Created by game programmer Ken Silverman , PNGOUT is a popular, free, and no-frills tool for lossless optimization of your images. PNGOUT can run in the command-line or Windows Run dialog box. It has a robust set of options so that you can easily customize the way your files are compressed. It takes most of the popular image file formats (such as JPG, GIF, and PNG).

4. Online Image Optimizer

Online Image Optimizer

The Online Image Optimizer from Dynamic Drive is a web-based tool for compressing your images further. You can either provide the link to the image you wish to optimize, or upload it from your local machine. Besides optimization, you can select what output you’d like the optimized image to be (the default is the same file type as the input). The limitation of Online Image Optimizer is that it only accepts images less than 300 KB.

5. SuperGIF

SuperGIF

SuperGIF is a free utility for Windows and Mac OS users that optimizes your GIF images. It has an intuitive and simple user interface that allows for drag and drop interaction, and it can compress GIFs 50% more in some instances. The free version can only compress one GIF at a time, but it has all the same features as the commercial version ($29.95) except batch processing.

6. PNGGauntlet

PNGGauntlet

PNGGauntlet is a .NET GUI application for PNGOUT. It can be used to convert JPG, GIF, TGA, PCX, and BMP to highly optimized PNG files. PNGGauntlet is perfect for individuals that are uncomfortable working in the command-line/Windows Run dialog box, but would still like to take advantage of PNGOUT’s superior optimization algorithm. Check out PNGGauntlet’s FAQ page or its forum to get help in case you run into trouble using it.

7. PNGCrushrrr

PNGCrushrrr

PNGCrushrrr is a free GPL-licensed Mac OS utility for crushing down your PNG files to very small sizes. It has a drag-and-drop interface, allowing you to drag one or more PNG files into it, compressing the files and preserving the original file so you are able to compare the size difference. The creator says that PNGCrushrrr is best used on PNG-24 files.

8. SuperPNG

SuperPNG

SuperPNG is a free Photoshop plugin for saving significantly smaller PNG files compared to Photoshop’s native save feature for PNG’s. It also includes some advanced PNG-creation features such as 16-bit color support, variable compression, gamma correction, and metadata saving. Check out some PNG samples saved by SuperPNG in the PNG Samples page.

If your favorite image optimization tool isn’t on the list, please share it with us in the comments: let us know why you prefer it over other image optimization tools.

terça-feira, 10 de abril de 2012

FONTS





  • Então você está visitando o seu site favorito e encontrei um site que usa um são que você ama. Você quer que essa fonte também, (e deve ser o mais rápido possível!) ... Então como é que vamos descobrir o que essa fonte é chamado? Soa familiar? Sim ... nós temos tudo estado lá antes!

    Uma opção fácil é simplesmente enviar e-mail do webmaster e pedir o nome da fonte e onde obtê-lo.

    Isso pode levar algum tempo e nem todos os webmasters irão responder. Então, eu decidi compilar uma lista de ferramentas gratuitas para acelerar o processo de identificação.

    1. O que a Fonte

    Desenvolvido por um dos maiores provedores de fonte, WhatTheFont é o número um local para identificar suas fontes. Basta fazer upload de uma imagem da fonte que você deseja ID e enviá-lo para seus servidores (ou adicione um link para a imagem na interface WTF), eo sistema irá mostrar-lhe resultados de fontes múltiplas. Se não conseguir encontrá-lo, ele irá pedir para você ir para a sua Fórum Fonte onde você pode postar a imagem e esperar por comentários de especialistas como fonte para que essa fonte pode ser chamado. Eu usei os dois sistemas ea maioria isso geralmente resolvidos de perguntas minhas fontes.

    WhatTheFont | Fórum Fonte

    2. Identifont

    Este serviço tem uma abordagem diferente e encontra suas fontes, pedindo uma série de perguntas sobre o tipo de letra. Este pode ser útil se você não tem uma imagem da fonte que você está procurando. Eu nunca conseguiu encontrar quaisquer fontes que utilizam este serviço para ser honesto, mas talvez eu seja a exceção! O serviço pretende ser 'Diretório o maior independente de tipos de fontes na Internet, com informações sobre fontes de editoras de 534 e 143 fornecedores.

    Identifont

    3. Mensagens nos fóruns: Typophile

    Esta é provavelmente a maior comunidade maior e de especialistas de fonte. Você obter suas respostas simplesmente por postar uma imagem da fonte que você está procurando em seu fórum. Se não tiver êxito lá, locais mais fontes (geralmente a fonte livre locais) têm fóruns onde você pode postar perguntas e imagens sobre as fontes que você está procurando.

    Typophile

    4. Bowfin Printworks

    Este site oferece uma tonelada de informações, bem como várias ferramentas online para ajudar você a encontrar sua fonte, respondendo às perguntas sobre a forma dos glifos da fonte em questão. Semelhante ao Identifont, mas parece ser mais rápido para digitar todos os dados à medida que é tudo em uma página enquanto Identifont passa por várias páginas e pode ser entediante. Inclui guia para fontes de script, Bauhaus estilo de fontes, sem serifa e fontes com serifa e fontes alinhado. O proprietário do local também está disposta a responder todas as perguntas de identificação de fontes de graça via e-mail.

    Bowfint Printworks

    5. Type Navigator

    Desenvolvido por FontShop, Este usa os mesmos princípios que o sistema Bowfint fazendo perguntas sobre a forma de cada personagem.

    Tipo Navigator

    6. Flickr Typeface Identificação

    flickr tem um grupo dedicado à identificação de fontes e um outro grupo que mostra as fontes usadas em imagens diferentes chamados Fontes em uso que pode ser útil para referência rápida.

    Flickr Typeface Identificação

    7. Listas de Fontes

    Às vezes, a melhor maneira de encontrar uma fonte é só de olhar para as listas de fontes já criados com as fontes mais utilizadas. Aqui estão algumas listas populares que você pode usar para referência rápida.

    Blog Vida Moderna

    O Logos da Web 2.0

    Apenas Creative Design

    Smashing Magazine

    Fontes urbanas


  •