Este serviço online utiliza técnicas de otimização específicas para remover bytes desnecessários de um arquivo de imagem. Trata-se de uma “ferramenta lossless”, o que significa que otimiza as imagens sem alterar sua aparência ou qualidade visual. Após ser executado em uma página da web ele informa quantos bytes seriam salvos por meio da otimização de imagens da página e fornece um arquivo zip para download com os arquivos da imagem minimizada.

Existem três formas de usar Smush It!:

- Você pode enviar diversas imagens pelo navegador.
- Através de URL’s com endereços das imagens.
- Plugin para Firefox que otimiza as imagens encontradas em qualquer página, gerando uma lista e um zip.

http://smushit.com/

Para utilizar é muito simples, primeiro clique na aba “Uploader”, escolha as imagens que deseja carregar e aguarde. Assim que ela for enviada, você saberá de imediato a quantidade de bytes que foi retirada da figura. Agora é só baixar tudo num pacote zipado através da opção “Download Smushed Images”.

1. FreeHand ColorStroked icon pac by mfayaz

2. social-network-icon-pack

3. sociolego icons

Join testkings online web designing course and download thousands of free testking 000-085 tutorials and testking 000-331 demos to learn how to create inspiring social media icons to spice up your web page.

4. old style social media icons

5. tweet me up scotty free vector twitter icons

6. tweeta a free twitter bird icon set

7. bevel dark icon pack

8. 12 boutons gratuits pour votre site

9. Handycons

10. heart social icons

11. FastIcon Smashing Feeds Win

12. polaroid icon set vol 1

13. RssCheese icons

14. fat twitter icons by jankoatwarpspeed

15. cypherbox iconset

16. black ink grunge stamps textures icons

17. antique glowing copper orbs icons social media logos

18. blue retro rusted grunge icons social media logos

19. red white pearls icons social media logos

20. socialize icons set

21. SpoonGraphics Doodle Icons

22. social icons

23. social icons

24. webtoolkit icon set vol1

25. dellicream social icons

26. kake social icons

27. utom social icons

28. edward de leau net bookmarkcollection1white

29. iconshock social icons

30. leaves fall icon set

31. Social Media Icon Pack by Arbenting

32. vector 3d social icons

33. social icons made of wood

34. Set of social icons no 4 by Tydlinka

35. cheers a free social icon set

36. nurture social icon set

37. Paper feed icons by NarjisNaqvi

38. icontexto webdev social bookmark pack 01

39. icontexto drink web20 pack 01

40. monster social icons

41. icontexto user web20 pack 01

42. icontexto inside icon pack 01

43. Twitter block

44. Handycons-2

45. icontexto twitter buttons

46. icontexto webdev social bookmark

47. 236 New RSS Icon

48. Social media icons by plechi

49. Social Media Stars Icon Set by Arbenting

50. Social Icons hand drawned by TheG Force

51. web 2 icons

52. social icons

53. 50 free and exclusive twitter icons

54. 65 Bookmarks And Social Icons by Studiom6

55. SocialIcon knobs

56. origami social icons

57. web2social icons

57. feed me animals a free rss feed icon set

58. chrome social media icons

59. Wood Social Networking Icons by WebTreatsETC

60. twitter icons pack

61. curlysocialicons

62. grunge icons

63. Frees Icon RSS Crystal by 20p30room

64. Frees Icon RSS Crystal

65. a life in pixels social icons

66. Blue Bird Twitter Icon Pack by detrans

67. scarletbits.com twitter birds

68. Twitter 4 by jasonh1234

69. Twitter Bird by freakyframes

70. twitter icon set

71. RSS 2008 by Vathanx

72. typo-icons

73. RSS feed button pack by deviantdark

74. Rss Flowers by CorouD

75. Hat RSS Icon by LoafNinja

76. Newsfeed Set

77. RSS Icon Pack by Thirteen Autumns

78. RSS Icons by lansworxph

79. Transparent PNG RSS logo by TarnicDotCom

80. Colourflow RSS Feeds icon by tRiBaLmArKiNgS

81. My Rss Logos by Corpse Keeper

82. rss icons by OneDevGiant

83. social icons

84. rssbee

85. ViennaBook Icon V1 1 by czanderna

86. NewsFire Replacement Icon by barrymieny

87. RSS icon

88. StickerFeed by bati1975

89. rssshapes

90. 3d social icons

91. 3d social icons

92. RSS Block by techburst

93. BeerFest

94. cocktailparty

95. Vector Translucent 3D Look RSSIcons

96. socialmedia icons

97. PagePeel Social Iconset

99. websocial icons

100. twitterburn1

101. social-icons

102. Favicon Dock Style

103. 345 Free RSS Icons by Studiom6

104. Set of social icons

105. 3d social icons

106. Social 2 Duo by IconBlock

107. twitter bird

109. the social bird icon set the first inspired release

110. Twitter Style BirdIcons

111. Twittgeons

112. Web-Icons

113. web icons

114. Bookmarked icons

115. cloud social icons

116. beachtwitter social icons

117. SocialIcons-chethstudios

Veja imagem abaixo.

Nós consumidores somos visuais, precisamos ver para comprar. Os e-commerces já estão percebendo esta oportunidade e já trabalham para melhorar seu rankeamento nos motores de buscas. O mercado ainda irá falar muito sobre isso e otimização de imagens será de grande importância para qualquer planejamento de SEO.

Vantagens da otimização de imagens:

- Menos competição. Otimização de imagem ainda é sub-aproveitada;

- Consumidores prezam anúncios com imagens;

- Suas imagens serão utilizadas por outros usuários e assim seu site será divulgado. Para isso, não esqueça da marca d’agua;

- Não se paga pelo clique como ocorre com Links Patrocinados.

10 Dicas para Otimização de Imagens

1 – Utilize imagens originais. Fotografe você mesmo as fotos ou pague para alguém fotografar. Assim você poderá inserir sua marca d’agua e divulgar seu site quando usuários replicarem;

2 – Imagens com alto contraste são as mais indicadas para miniaturas pois ajudam o usuário a discenir melhor o conteúdo da foto. Reparem na miniatura abaixo, a imagem da esquerda foi alterada aumentando seu contraste, já a imagem da direita permaneceu original. A imagem com contraste exibe maiores detalhes do produto, dando mais destaque ao que realmente interessa;

3 – Utilize imagens em JPG. Imagens nesta extensão são representadas como fotos pelos motores de buscas, fotos = milhões de cores, ou seja, mais qualidade. Já as GIFs são representadas como imagem padrão de 256 cores;

4 – Nomeie as imagens com a keyword do conteúdo. Por exemplo: viagem-europa.jpg. É claro que o nome do arquivo precisa realmente representar o que a imagem exibe. O nome do arquivo será exibido logo abaixo da miniatura da imagem, ajudando assim a reforçar a comunicação aos usuários;

5 – Tag Alt com keywords relevantes ao conteúdo. Por exemplo: <img src=”viagem-europa.jpg” alt=”Viagem para Europa nas férias” />. Jamais esqueça da Tag Alta das imagens, ela é extremamente importante e muito significativa;

6 – Otimize o conteúdo do site próximo a imagem. Mecanismos de buscas, principalmente o Google, prezam quando há texto com keywords semelhantes as utilizadas para nomear o arquivo e na Tag Alt;

7 – Além de otimizar o conteúdo próximo a imagem, lembre-se também de otimizar a Meta Title, Meta Description e Heading Tags (H1, H2…);

8 – Qualidade das imagens. Procure reduzir o tamanho e a qualidade das imagens. Mas não deixe perder a nitidez. Se puder deixar um link para a imagem em alta resolução é interessante;

9 – Compartilhe as fotos no Flickr e outros álbuns online que permitem buscas externas;

10 – Não use Javascript para linkar imagens, motores de buscas não seguem links em Javascript.

fonte: eunaoseiseo

Agora, nos últimos momentos antes do anúncio oficial do pacote de aplicativos, a Adobe revelou algumas novidades do Photoshop. Conhecido como “a salvação” de fotos com problemas, o aplicativo continua no caminho para resolver a maioria das dificuldades em manipulação e tratamento de imagens.

A partir de 12 de abril o mundo da edição de imagens será revolucionado mais uma vez pela empresa que praticamente criou o mercado de manipulação, através do seu principal – e mais conhecido – aplicativo.

Apenas faça

Além das novas ferramentas – que você vai conhecer em instantes – a equipe do Photoshop também passa boa parte de seu tempo trabalhando nas pequenas características exigidas por quem depende do aplicativo. Essa é a filosofia do Just do it, que leva até à equipe de programação os pedidos e reclamações dos usuários do Photoshop.

Além do horizonte

Imagens com enquadramento “torto”, em que o horizonte aparece inclinado, são estranhas, já que é difícil relacionar uma paisagem com o lugar onde a foto foi tirada, graças ao ângulo artificial existente nela.

Até a versão CS4, usuários do Photoshop precisam trabalhar com ferramentas de transformação e recorte até ajustar o enquadramento em uma posição realmente horizontal. Essas mesmas fotos são muitas vezes recusadas devido à estranheza da visualização, ficando fora do álbum de retratos da viagem de férias, por exemplo.

O novo Photoshop traz, em sua ferramenta régua, uma função especial, em que basta o usuário mostrar ao programa onde está o horizonte – com uma reta simples – e o próprio software corrige o enquadramento, em angulação e recorte, da imagem, deixando-a na posição correta automaticamente.

Facilitando a vida de profissionais e amadores

Os resultados que a equipe de desenvolvimento do Photoshop obtêm em seus momentos Just do it podem parecer irrelevantes quando comparados com o que será mostrado a seguir, mas tenha certeza que cada um desses avanços facilita a utilização do aplicativo.

Com o aumento contínuo do número de funções e ferramentas inclusos no Photoshop, novos usuários enfrentam momentos de desespero até conseguir o resultado necessário. As pequenas adaptações criadas a partir do feedback público procuram manter a complexidade de utilização do programa em níveis aceitáveis, para que mais pessoas se interessem em começar a utilizá-lo e, assim, tornem-se consumidores deste produto e seus parentes.

Um bom exemplo vem do avanço tecnológico das câmeras digitais. Muitos modelos recentes são capazes de capturar imagens com cores em 16-bits, impossíveis de salvar em JPG, um dos principais formatos de imagem na internet, que só aceita 8-bits de informação de cor.

Usuários com pouca familiaridade com o Photoshop podem se frustrar ao tentar converter suas fotos – usando o aplicativo da Adobe – para esse formato, já que a opção não é mencionada nos diálogos referentes ao salvamento do arquivo. Para se obter um JPG de uma imagem em 16-bits é necessário, antes, convertê-la para 8-bits através do menu Imagem > Modo.

O mesmo não acontece no CS5. Para agilizar o processo e tirar do usuário a preocupação com algo tão pequeno quanto um downsampling (ou redução de amostragem) de cor – que sempre é feito de forma automática –, o programa passará a ter um roteiro interno automático para, quando o usuário tentar salvar uma imagem 16-bits em JPG, reduzir a profundidade de cor da imagem.

Quebrando barreiras

Várias atividades comuns durante a utilização do Photoshop foram adaptadas – criativamente – pelos usuários. Assim, ferramentas relativamente simples do programa tornaram-se instrumentos na criação de arte e beleza nas mãos e mouses dos manipuladores de imagem.

Sem dúvida uma das principais características que permitiram ao Photoshop se tornar a potência que é hoje foi a utilização de camadas. Usar essas múltiplas “folhas” em qualquer imagem permite a adição de efeitos e objetos, além de facilitar a organização do trabalho.

A partir do Creative Suite 5, as camadas receberam um pequeno upgrade que, para sua utilização normal pode até não significar muito, mas na hora de trabalhar a sério chega a economizar horas de operação.

A nova versão do Photoshop permitirá ao usuário alterar propriedades das camadas, como a opacidade, em várias instâncias ao mesmo tempo. Se para a maioria das pessoas isso pode ser considerado luxo, quem vive em frente ao programa – e utiliza centenas de camadas em uma única imagem – provavelmente enviará cartas de agradecimento aos programadores da Adobe.

Pintura digital

No primeiro artigo sobre a Creative Suite 5 você conheceu os pincéis artísticos incluídos na nova versão do Photoshop. Para os artistas digitais que procuram reproduzir os efeitos de tinta e pincel na tela do computador, as atualizações do CS5 trarão ainda mais facilidade.

Elas abordam desde novas maneiras de trabalhar com cor – como o color picker, que passa a ser chamado através de atalhos de teclado – até novidades na interação com os pincéis artísticos, definindo tamanho e dureza dos pelos do pincel através de gestos do mouse.

Outra novidade simples – porém extremamente valiosa – é o novo cursor da ferramenta conta-gotas. Agora, além de ter o apontador da cor a ser capturada, o usuário recebe informação comparativa entre a cor escolhida e aquelas já utilizadas nas fontes do programa. Com isso, escolher uma combinação harmônica de cores fica mais rápido e fácil.

Escolhendo bem

Sem as ferramentas de seleção é praticamente impossível conseguir os resultados impressionantes da publicidade atual. A combinação de seleções funcionais e camadas permite que um usuário criativo – e experiente – invente novos planetas, produtos inéditos e até mesmo pessoas que nunca nasceram.

Mesmo as seleções mais avançadas da Creative Suite 4 ainda não conseguem lidar bem com cabelos e outras áreas de margens difusas. Tanto isso é verdade que existem diversas técnicas para se melhorar o resultado de seleções de recorte em pelos e cabelos, sendo que cada manipulador tem seu método favorito.

A dificuldade de criar seleções precisas em margens difusas parece estar com os dias contados. O Photoshop CS5 trará uma ferramenta melhor calibrada para esse tipo de identificação, a ponto de – com as configurações corretas – ser possível incluir em uma máscara um bigode de gato com um simples arrastar do mouse.

“Automagicamente”

Que o Photoshop permite que o inexistente e o inacreditável tome forma e pareça real, todo mundo sabe. Agora a versão CS5 do aplicativo promete entregar muito mais do que isso ao retirar boa parte do esforço necessário para a realização de alguns efeitos bastante complexos.

No primeiro artigo sobre a nova suíte gráfica da Adobe você conheceu o PatchMatch, capaz de preencher áreas da fotografia a partir de referências na própria imagem. O vídeo mais recente no preview do Photoshop mostrou mais um uso interessante da ferramenta. Desta vez, ao invés de recompor uma imagem, o PatchMatch é usado para facilitar e acelerar o tratamento da foto.

A limpeza de objetos indesejados em uma cena e até mesmo a alteração profunda de um cenário tornam-se questão de uma seleção e a ativação da ferramenta content-aware fill (preenchimento consciente do conteúdo).

No vídeo da Adobe você confere a remoção de vários problemas na primeira imagem, inclusive sem perda de qualidade e com a reconstrução do gradiente sutil do céu, ao se retirar a nuvem do canto esquerdo superior da foto. Sem essa ferramenta, uma alteração desse porte custaria várias horas de trabalho ao usuário.

Além da remoção da nuvem, seria necessário reconstruir o degradé do azul celeste, acertando em toda a extensão da seleção as cores individuais, praticamente pixel a pixel. Com o PatchMatch a coisa toda fica tão simples que basta apertar um botão.

Conhecimento é tudo

Apesar de as ferramentas da nova versão do Photoshop – que será apresentada em abril, segundo o blog CS5 – facilitarem muito a vida de quem trata ou manipula imagens, nenhum desses processos substitui o talento e a criatividade de quem os está aplicando.

Por mais completo que um aplicativo seja, o resultado obtido com ele só é tão bom quanto a ideia de quem o opera. Além disso, mesmo os recursos que facilitam a vida do usuário exigem um mínimo de conhecimento – sobre o software e sobre tratamento e imagem – para maximizar a qualidade do resultado.

Ou seja, o Photoshop é uma ferramenta. Poderosa, excitante e impressionante, sem dúvidas, porém ainda depende de um operador, de alguém que saiba fazê-lo funcionar. Fotógrafos, ilustradores e artistas digitais continuam sendo tão necessários quanto em qualquer outro momento, porém agora com chances maiores de usar seu tempo em outras partes de suas atividades, e não o perdendo aplicando efeitos de maneira mecânica.

Color Schemer Online

Color Schemer

Color Scheme  Generator

Color Scheme Designer

Color Combos

ColourLovers

E o mais abrangende site sobre o tema, o ColourLovers:

2007
152 pages
PDF
5Mb
Article about using grid in Web-design.
Download


http://www.ebookpdf.net/

Os quatro melhores banco de imagens free da Internet:

Primeiro vamos conhecer o www.stockvault.net. Você vai encontrar mais de 11 mil fotos gratuitas organizadas em categorias como: pessoas, construções, logotipos, clip arts, indústria, natureza, objetos, etc. Existem 3 mil fotógrafos que enviam suas fotos para serem utilizadas gratuitamente. É necessário observar que as fotos não podem ser utilizadas com fins lucrativos.

Isto significa que pode ser usado livremente no seu blog pessoal. Uma vantagem do stockvault.net é que você pode fazer o download das fotos sem precisar se cadastrar.

Agora vamos conhecer o everystockphoto.com. Este site funciona como um sistema de busca de fotos gratuitas. Ele localiza fotos em diversos locais da internet. É importante que você faça buscas com palavras em inglês. Você pode fazer traduções aqui.

Você também precisa conhecer o www.sxc.hu que é um dos mais famosos. Para encontrar boas fotos você também deve fazer buscas por palavras em inglês na parte superior do menu esquerdo. Na parte superior do site existe um campo de seleção chamado “+ image categories” que pode ser usado para navegar pelas categorias. Para baixar as fotos com um tamanho maior é necessário se cadastrar gratuitamente.

O www.flickr.com/creativecommons é uma área do conhecido site Flickr onde você pode encontrar fotos gratuitas. É necessário prestar atenção no tipo de licença de cada foto. Logo na capa do site podemos ver os significado de cada símbolo que marca as fotos. Eles oferecem quase 100 milhões de fotos. Você realmente precisa garimpar.

Lista com 107 sites de banco de imagens:

GoMediaZine
As imagens são em sua maioria em preto e branco.

Vector4Free
Oferece 73 gráficos vetoriais livres apresentado e ordenadas por tags.

Cool Vectors
Vetores de download gratuito. O registo é exigido.

YouTheDesigner
Você encontrará uma coleção de artes criadas por artistas só para você.

Vecteezy
Um índice de Livre Vector Graphics disponível para download por alguns dos melhores artistas do mundo todo. O site é atualizado diariamente.

Bittbox
Oferece um conjunto completo de artes relacionadas a freebies para designers como vetores de arquivos, textura imagem de alta resolução e Photoshop pincéis.

QVectors
Gratuitamente imagens vetores de qualidade

FreeVectors.net
Uma galeria online de livre gráficos vetoriais.

FreeVectors.com
Download Free Vetores de boletins, sites, boletins da igreja e muito mais.

KeepDesigning
Encontre livre vetores, tutoriais, pincéis, fotografias, arte vetorial, dicas e técnicas para fazer a maior parte de sua viagem criativa.

Creativosonline
Site para download gratuito imagens vetoriais.

DragonArtz Designs Desenhos DragonArtz
Um site com WordPress enorme coleção de imagens vetoriais livre e papéis de parede.

Vector Portal
Você pode procurar por uma determinada imagem em categorias como vetor templates, logo objetos, logos, bandeiras, mapas, brasão, símbolos, sinais ou clip art.

VectorJunky
Uma galeria online de livre gráficos vetoriais.

Dezignus

Um blog gratuito de vetores gráficos, ilustrações, ícones e design gráfico vetorial.

Vector Art
Oferece gratuitamente ilustrações vetoriais e downloads de arquivos. Eps e. Ai

Garcya
Oferecendo livre modelos, gráficos vetoriais e livres e gratuitas de ferramentas para web designers.

Free-Vectors Livre-Vetores
Possui mais de 10 Free vetor packs como ornamentos florais, fundo Patten, coração, flui curvas e muito mais.

Webdesign-Easy Webdesign-Fácil
Site que oferece gratuitamente imagens vetoriais.

Brands of The World - As marcas do mundo
Ofertas de formato vetorial de milhares de marcas e logotipos.

BrainCorp
Livres imagens vetoriais em estilo cartoon japonês.

SVG-Cards
Download gratuito de cartões em formato vetorial.

All The Flags of The World - Todas as bandeiras do mundo
Download de todos as bandeiras do mundo em formato vetorial.

The Pixlpusher O Pixlpusher
Photoshop pincéis, texturas, vetores e papéis de parede.

Vectors Workshop - Vetores Workshop
Um lugar onde você pode carregar e descarregar gratuitamente gráficos vetoriais.

Best Company Logo
Uma coleção de mais de 100 logotipos para download gratuito.

Logo Types 101
Logos são fornecidos em formato vetorial (EPS). Você pode baixar todos os logos no site gratuito.

Createsk8
Graffiti e outros vetores de arte.

RoundPixel
Livre vetor goodies.

Dr. Depot
Vetores para download. Principalmente de arte abstrata.

Spoon Graphics
Vetores feebies e recursos por Chris Spooner.

AllFreeLogo
Outro que site fornece gratuitamente logos vetoriais para download.

Clipart-Design
Oferece gratuitamente mais de 500 imagens vetoriais em 35 pacotes.

Logo Templater
Criando templates logotipos branco, livres e gratuitos no Adobe Illustrator EPS e arquivos para download gratuito.

Magic People – Magia Popular
Livre vetores ou EPS Ai para designers. Anime, Christmass, casamentos, valentin, cliparts.

Snap2objects
Oferecendo vetoriais e imagens freebies para que você possa utilizar em seus próprios projetos, bem como alguns reforços inspiradores.

Designers Revolution – Designers Revolução
A nova era de design gráfico.

Uberpiglet Vectors
Um vitrine de vetores

Deviantart
Comunidade com uma arte muito bonita de freebies.

Vibr8bros
Photoshop pincéis e vetores pack freebies.

Free Logotypes – Livre Logomarcas
Livrse vetores de marca logotipos em CDR, EPS, WMF

Vector Cartoons
Centenas de vetores cartoon clipart imagens(EPS, WMF, CorelDraw).

Vector Wallpapers
Livres vetores de papéis de parede e origens.

Vector Stock
Livre vetores de imagens e ilustrações.

Smashing Magazine
Você pode encontrar muitos ícones e imagens aqui.

Ndesign-studio
Cliparts / ícones com grande estúdio de criação de página web link botões, ícones fórum, ou software interface.

Today-Free
Vetores freebies.

Design Bum
Desenho vetorial.

Adobe
Pesquisa e download de imagens vetoriais livres no Adobe Illustrator Exchange.

Fonte: webly