Fotos, ilustrações, desenhos, montagens.

Toda imagem tem um autor, um criador, um proprietário intelectual. Muitas vezes encontramos pela internet aquela foto perfeita que se encaixa exatamente na mensagem escrita em uma postagem de blog ou um artigo para o site. Mas é legal utilizá-la? E como saber se o uso dela é liberado?

• Alguns criadores já deixam bem claro em seu site, nos termos de uso, o que é permitido ou não para determinada imagem sua propriedade.
• Alguns permitem o uso apenas pessoal (em páginas pessoais) sem modificações, com os créditos de autoria.
• Outros já aceitam o uso comercial.
• Outros não permitem nada.

Mas caso a ilustração já esteja espalhada pela net, como fazer?

Você pode tentar descobrir qual o dono de alguma foto utilizando o TinEye, uma ferramenta de busca reversa para imagens. Basta fazer upload ou colar o link da imagem na página do desenvolvedor e aparecerá uma listagens de todos (ou quase todos) sites onde ela já foi utilizada. A partir dessa pesquisa, você poderá verificar qual a primeira publicação ou onde ela foi exposta com maior tamanho (o que sugere ser a foto original) e tentar descobrir o criador. Existe o plugin dessa ferramenta para o Firefox e Chrome.

Toda imagem tem direitos autorais. Não se engane pensando que se fizer alguma modificação a criação passará a ser sua. Ela continua sendo de propriedade do autor do original. Aliás, sem autorização você não deveria nem modificá-la.

Para ilustrar o assunto (outro trocadilho, Sr. Ednucci?!), teve o caso recente de um empresário que “achou” em uma página na internet uma foto que lhe pareceu ótima para utilizar em seu ramo gráfico. Fez upload, preparou algumas modificações e a estampou em cadernos e agendas destinadas ao público jovem. Só se esqueceu de pedir autorização ao fotógrafo. Resultado: foi processado e condenado a indenizar o profissional em 30 mil reais, além de ter de recolher todo o material disponível na praça.

Lei 9610 – Art.7 – Obras intelectuais protegidas

São obras intelectuais protegidas as criações do espírito, expressas por qualquer meio ou fixadas em qualquer suporte, tangível ou intangível, conhecido ou que se invente no futuro. Estão incluídos aqui textos de obras literárias, artísticas ou científicas; conferências, alocuções, sermões etc.; obras dramáticas e dramático-musicais; obras coreográficas cuja execução cênica se fixe por escrito ou por outra forma qualquer; obras audiovisuais, sonorizadas ou não, inclusive as cinematográficas; obras fotográficas; desenho, pintura, gravura, escultura, litografia, arte cinética; ilustrações e mapas; projetos, esboços e obras plásticas referentes à arquitetura, paisagismo, cenografia etc.; adaptações, traduções e outras informações de obras originais, apresentadas como criação intelectual nova; programas de computador; coletâneas, antologias, enciclopédias, dicionários, base de dados, que, por sua seleção, organização ou disposição de seu conteúdo, constituem uma criação intelectual.

Cada vez mais os usuários de internet vêm adquirindo consciência sobre o que é legal ou não no mundo virtual, tanto no aspecto moral como jurídico. Quem pretende apresentar na web uma boa imagem pessoal, profissional ou da empresa, deverá se preocupar em disponibilizar em suas páginas conteúdos de qualidade, originais ou com as devidas autorizações e créditos autorais. Esse cuidado com o material exposto reforçará uma imagem de profissionalismo, confiabilidade e sensibilidade.

Para encontrar imagens com direitos de uso apropriados para seu projeto, você pode usar na busca ‘Imagens’ do Google a pesquisa avançada e marcar no campo correspondente ‘Direitos de Uso’ uma das opções:

• não são filtradas para licença
• marcadas para reutilização
• marcadas para reutilização comercial
• marcadas para reutilização com modificação
• marcadas para reutilização comercial com modificação

Abaixo, alguns sites onde você encontrará bancos de imagens – Leia os termos de uso!

1. A Digital Dreamer
2. Aarin Free Photo
3. AboutPixel.de
4. AbsolutVision
5. Baj Stock
6. Cromavista
7. Diwiesign
8. Flickr Creative Commons
9. Free Digital Photos
10. FreeFoto
11. Free Images.co.uk
12. FreeImages.com
13. Free Media GOO
14. Free Photo Station
15. Free Photographs Network
16. Free Photos
17. Free Photos Bank
18. Free Pixels
19. Free Range Stock
20. Free Stock Photos
21. FWS Pictures and Graphics
22. Geek Philosopher
23. Graphic Maps
24. Image After
25. Image Base
26. Image Blowout
27. Images of the World
28. Image Temple
29. Index Stock
30. Jupiter Images
31. Lonely Planet Images
32. Magnum Photos
33. Mayang’s Free Textures
34. Morgue File
35. NASA Images
36. One Odd Dude
37. Open Photo
38. PDPhoto
39. Photo Rack
40. Photo Shocked
41. PicStyle
42. Studio25
43. Terra Galleria
44. Texture King

Até a próxima

@Ednucci

Direito Autoral De Imagens Na Internet Parte2 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. O Acesso À Internet Como Um Direito Fundamental Do Cidadão
2. Galeria De Imagens Espectacular Com Super Efeitos jQuery
3. Cuidados Ao Usar Imagens Em Seu Blog Ou Site Parte1

“Copiar conteúdo de forma não autorizada, sem dar créditos ou até assumindo descaradamente a autoria de um texto alheio, é uma das práticas mais vergonhosas que existe. Vergonhosa porque o copiador que age de má-fé assume sua incapacidade criativa, sua incompetência mental e sua insuficiência de dignidade.” > Plágio – Conteúdo Copiado

Vamos falar das imagens utilizadas na internet

As imagens são instrumentos importantíssimos num artigo de blog ou conteúdo de uma página na web, pois são elas que dão o brilho e vida a um artigo ou layout, muitas vezes completam a mensagem de um texto, e, por vezes, são o próprio artigo, a própria notícia. Boas fotos, montagens ou desenhos podem garantir, com o perdão do trocadilho, uma boa imagem para o site.

Elas também podem influenciar no tráfego do site, arrebanhando visitas através dos buscadores de imagens (Google, Yahoo, Bing, etc.), desde que as técnicas SEO sejam bem aplicadas.

O que poucas pessoas dão atenção é para a licença de uso de imagens em artigos, layouts ou até peças publicitárias. Sim, toda imagem, seja desenho, foto ou montagem, tem direito autoral, afinal, alguém a criou de alguma forma.

E não basta citar o autor em legendas e achar que está de bom tamanho. É preciso ter uma autorização, uma licença para publicar uma imagem, estando ela no seu formato original ou modificada.

O direito autoral é caracterizado por dois aspectos:

• O moral – que garante ao criador o direito de ter seu nome impresso na divulgação de sua obra e o respeito à integridade desta, além de lhe garantir os direitos de modificá-la, ou mesmo impedir sua circulação. Lembrando que esse direito não pode ser transferido, portanto, não pode ser vendido.
• O patrimonial – que regula as relações jurídicas da utilização econômica das obras intelectuais. No caso, o direito de negociação da exibição da imagem.

Não há prazo para que o proprietário intelectual da obra reclame seus direitos. Você pode ser surpreendido com um processo por ter utilizado uma foto em um artigo publicado há 2, 5 ou 10 anos.

Mais um cuidado: sites de empresas, serviços, ou mesmo blogs que contenham algum tipo de anúncio ( Adsense, por exemplo) precisam de uma licença comercial para utilização de alguma imagem. E mesmo que você prove por A + B que seu site ou blog não vise lucro, ainda assim poderá ser processado.

Veja o que aconteceu recentemente em Santa Catarina, onde o Tribunal de Justiça condenou o Diretório Central dos Estudantes (DCE) da Universidade Regional de Blumenau (FURB) ao pagamento de indenização de 4 mil reais ao fotógrafo Rogério Pires por violação de direitos autorais.

O fotógrafo moveu a ação porque as fotos tiradas por ele em um evento foram publicadas sem sua autorização.

O DCE argumentou que as fotos foram cedidas gratuitamente e que as utilizou apenas com a intenção de ilustrar um acontecimento citado no informativo e sem visar lucros, pois se trata de uma associação sem fins lucrativos.

Segundo o desembargador Edson Ubaldo, relator do processo, “o autor de fotografias tem direito ao reconhecimento da paternidade da sua obra, tanto que o artigo 108, caput, da lei específica, também impõe a quem a divulgue a obrigação de mencionar a autoria, sob pena de responder por danos morais e ser obrigado a efetuar a devida divulgação”.

O magistrado ainda acrescentou que o fato das fotografias terem sido publicadas em um jornal de circulação restrita – no ambiente universitário – e de distribuição gratuita não afasta o dano moral.

Veja aqui na íntegra

Já há tempos se sabe que a internet não é terra de ninguém. O ambiente virtual passa essa imagem (ops! Esse foi sem querer) de facilidade, de liberdade, de falta de controle sobre o uso dos seus recursos e ferramentas, afinal, é tão fácil copiar e colar.

Pode ser fácil, mas não é legal. Nem no sentido moral, nem âmbito judicial.

No próximo artigo vamos às dicas para você ilustrar seu site ou blog de forma correta e sem sustos.

@Ednucci

Cuidados Ao Usar Imagens Em Seu Blog Ou Site Parte1 é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Como Usar O Leitor Personalizado Do Youtube No Seu Site
2. Como Criar Um Site Em Joomla Para A Sua Empresa – Super Manual Parte1
3. Google Font API: Como Usar!

Compilei uma pequena lista com 25 pacotes de ícones para serem usados na divulgação de seu Feed RSS. Não vou entrar em detalhes sobre cada pacote, pois as imagens falam por si próprias.

Ainda deixo uma dica valiosa: em cada hiperlink existem os posts relacionados, que poderão indicar ainda mais ícones. A variedade é realmente grande. Vamos ver a seleção de hoje?

smashingmagazine

-

icontexto

smashingmagazine

alperesin

bittbox

jinsona

graphicsfuel

snap2objects

snap2objects

0at

coroud

blogeeks

arsgrafik

corpse-keeper

mythique-design

smashingmagazine

zeusboxstudio

comingupforair

datamouse

g00glen00b

newsniche

cooljeba

qvectors

jankoatwarpspeed

narjisnaqvi

25 Sets De Ícones Gratuitos Para Feed RSS é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 23 Pacotes Especiais De Ícones Grátis
2. 14 Websites Para Encontrar Ícones Grátis
3. 10 Motores De Busca Para Ícones

Hoje, as redes sociais são fontes relevantes de tráfego, ao ponto de se discutir a morte do SEO e até o tema Google Killer. E também são palcos onde nascem e morrem marcas. Portanto, não é possível ignorar o papel que desempenham no sucesso ou insucesso do seu site ou na gestão PR da sua marca. Consequentemente, os ícones sobre redes sociais são elementos obrigatórios de qualquer blog ou site.

Você está satisfeito com os ícones que usa para promover a sua presença nas redes sociais? Caso não esteja, estou certo que encontrará ícones espectaculares numa destas 30 colecções…

Tabbed Social Media Icon Set

Uma colecção de 50 ícones, criada pelo Cheth Studios para o Creative Nerds, que inclui as redes sociais mais populares.

Os ícones foram desenhados como botões rectangulares.

Formato: PNG
Download: Tabbed Social Media Icon Set

Polaroid Icon Set

Uma colecção de 16 ícones, estilo foto Polaroid, criada pela, que inclui as redes sociais: YouTube, Delicious, RSS, Twitter, Facebook, Flickr, Digg, stumpleupon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit e Gmail.

Formato: PNG
Tamanho: 62×78
Download: Polaroid Icon Set

The Free Style Social Media Icon Set

Uma colecção de 20 ícones, com um toque original, criada pela Helen Gizi, da Pink Moustache, para Speckyboy Design Magazine. Inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 24×24, 48×48 e 60×60
Download: The Free Style Social Media Icon Set

Social Post Stamps

Colecção de 13 ícones, desenhados como se fossem selos postais, sobre as seguintes redes sociais: Delicious, Designbump, Designfloat, Digg, FlickR, GMail, Google, PayPal, Reddit, RSS, StumbleUpon, Technorati and Twitter.

Formato: PNG
Tamanho: 32×32, 64×64 e 128×128
Download: Social Post Stamps

Circular Social Media Icons

Colecção de 27 ícones circulares, criada para o Blog Perfume, que inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 32×32, 64×64 e 128×128
Download: Circular Social Media Icons

Gorgeous Mini Social Networking Icon Set

Uma colecção de 40 ícones, criada pelo Cheth Studios, que inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 32×32 e 64×64
Download: Gorgeous Mini Social Networking Icon Set

Free Download Social Icons

Uma colecção de 6 ícones, criada pela Design Reviver. Inclui as redes sociais: Digg, Twitter, Delicious, RSS, Reddit e Stumbleupon.

Formato: PSD, PNG, JPG
Tamanho: 16×16, 32×32, 48×48, 64×64, 128×128, 256×256 e 512×512
Download: Free Download Social Icons

Twitter Vector Icons Massive Icon Set

Uma colecção impressionante de 54 ícones, criada pela Icon Shock. São ícones muito criativos e originais sobre o Twitter. As imagens estão em vectores para mais fácil redimensionamento.

Formato: PNG e .ai
Tamanho: 512×512
Download: Twitter Vector Icons Massive Icon Set

Free Social Media Icon Set

Uma colecção de 42 ícones, criada pela Elegant Themes, que inclui as principais redes sociais.

Formato: PNG e PSD
Tamanho: 64×64
Download: Free Social Media Icon Set

Free Social Iconset in Heart Shape

Uma colecção de 39 ícones sobre as redes sociais mais populares, criada pelo The Design Super Hero. Os ícones foram desenhados com o formato dum coração.

Formato: PNG
Tamanho: 16×16, 32×32 e 64×64
Download: Free Social Iconset in Heart Shape

Social and Web Icons v2 by umar123

Uma colecção de 49 ícones de qualidade, criada pelo usário Umar1 do Deviantart sobre redes sociais.

Formato: PNG
Tamanho: 46×46 px.
Download: Social And Web Icons v2

Free Glossy Social Icons

Uma colecção de 20 ícones, criada pela Webtoolkit4, que inclui as redes sociais: YouTube, Twitter, Digg, StumbleUpon, Flickr, RSS, Feedburner, Skype, Last.fm, Gmail, Linkedin, Yahoo, Facebook, Delicious, mySpace, reddit, Friendfeed, WordPress, Vimeo e um ícon Favoritos.

Formato: PSD
Download: Free Glossy Social Icons

Dark Social

10 ícones de elevada qualidade gráfica, criados pelo La Glanz Studio para a Six Revisions. Inclui ícones relativos a: Blogger, Digg, Yelp, Picasa, MySpace, Yahoo!, Facebook, Twitter, WordPress e RSS.

Formato: PNG
Tamanho: 64×64, 128×128, 256×256 e 512×512
Download: Dark Social

High Detail Social Icons

Colecção de 40 ícones de elevada qualidade gráfica, criada pelo Icon Shock, que inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 256×256
Download: High Detail Social Icons

Furry Cushions Social Icons

Uma colecção de 6 ícones com uma textura de peluche, criada pela Andrea Austoni para o Noupe, sobre o Delicious, Facebook, LinkedIn, RSS, StumbleUpon e Twitter.

Formato: PNG
Tamanho: 48×48, 64×64, 128×128 e 256×256
Download: Furry Cushions Social Icons

Social Clean

É uma colecção de 12 ícones sobre redes sociais, criados para a InstantShift. Inclui o Digg, Delicious, Facebook, Google Buzz, Linked In, Mixx, MySpace, Reddit, StumbleUpon, Technorati e o Twitter.

Formato: PNG
Tamanhos: 16×16, 32×32, 48×48 e 128×128.
Download: Social Clean

Social Sketches

Colecção de 16 ícones desenhados à mão, criada para o Six Revisions, com um visual original. O conjunto inclui, por exemplo, ícones sobre o Digg, StumbleUpon, Faceboo, Mixx, Twitter, Delicious e RSS.

Formato: PNG
Tamanho: 32×32, 48×48, 64×64, 128×128, 256×256 e 512
Download: Social Sketches

Isometrica: A Free Social Media Icon Set

Uma colecção de 18 ícones em 3D, criada pela Arcnerva para a Six Revisions, que inclui as principais redes sociais.

Formato: PNG e PSD
Tamanho: 105×67 e 53×34
Download: Isometrica: A Free Social Media Icon Set

Vector Social Media Icons

Uma colecção de 80 ícones do Icon Dock, que inclui as redes sociais mais populares, como por exemplo o Twitter, Facebook, LinkedIn, Flickr, YouTube, Digg, Mixx e RSS.

Os ícones foram criados no formato de vectores e podem ser redimensionados para o tamanho pretendido.

Formato: PNG e EPS
Tamanho: 16×16, 24×24 e 32×32
Download: Vector Social Media Icons

Social Network Icon Set

Uma colecção de 10 ícones, criados pelo Icon Shock para o Hongkiat, sobre redes sociais: StumbleUpon, Technorati, Twitter, RSS, Reddit, LinkedIn, Flickr, Facebook, Delicious e Blogger.

Visualmente, os ícones parecem pinturas.

Formato: PNG
Tamanho: 12×12, 16×16, 24×24, 32×23, 48×48, 128×128, 256×256, 512×512
Download: Social Network Icon Set

Exclusive WebMag Social Media Icon Pack

Colecção de 26 ícones, criada pela Web Mag, que inclui as redes sociais: WordPress, Twitter, Tumblr, Technorati, Stumbleupon, RSS Feed, Reddit, Propeller, Newsvine, Myspace, Mixx, LifeLogger, Last.fm, Linkedin, Friendfeed, Flickr, Feedburner, Facebook, DZone, Digg, DesignFloat, DesignBump, Delicious, Bloglines, Blogger e Blinklist.

Visualmente, os ícones parecem desenhados.

Formato: PNG
Tamanho: 64×64 e 128×128
Download: Exclusive WebMag Social Media Icon Pack

Extreme Grunge Social Media Garments Icons Pack

Colecção de 20 ícones, com aspecto usado, criada pelo Web Expedition 18, que inclui as redes sociais mais populares, como poderão comprovar na imagem.

Formato: PNG
Tamanho: 256×256
Download: Extreme Grunge Social Media Garments Icons Pack

Buddycons – Vector Social Media Icons

Uma colecção de 126 ícones, criada para o Webdesigner Depot, que inclui as redes sociais mais populares.

São ícones circulares e o conjunto para download inclui as imagens em vectores para fácil redimensionamento.

Formato: PNG e .ai
Tamanho: 32×32
Download: Buddycons – Vector Social Media Icons

Picasso Social Icons

Uma colecção de 10 ícones artísticos, daí o nome Picasso, criada para a Six Revisions, com ícones referentes ao Blogger, Delicious, Facebook, Flickr, LinkedIn, Reddit, RSS, StumbleUpon, Technorati e Twitter.

Formato: PNG
Tamanho: 12×12, 16×16, 24×24, 32×32, 48×48, 128×128, 256×256 e 512×512
Download: Picasso Social Icons

OLED Social Icons by arrioch

Uma colecção de 21 ícones às bolas, criada pela usário da Deviantart Arrioch. Inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 16×16, 32×32, 48×48, 64×64, 96×96, 128×128 e 256×256
Download: OLED Social Icons by Arrioc

Social Icons Pack by sawb

Colecção de 50 ícones com um aspecto limpo, criada pelo usário Sawb do Deviantart. Inclui as redes sociais mais populares.

Formato: PNG
Tamanho: 50×50
Download: Social Icons Pack by sawb

Handycons

Trata-se de 2 colecções de ícones, desenhados à mão, pelo Janko At Warp Speed.

A primeira colecção inclui 12 ícones sobre as redes sociais: Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter, RSS Feed e Email icone.

Formato: PNG
Tamanho: 16×16, 24×24, 32×32 e 48×48
Download: Handycons 1

A segunda colecção inclui 20 ícones sobre as redes sociais: Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons

Formato: PNG
Tamanho: 16×16, 32×32, 64×64 e 128×128
Download: Handycons 2

Social Media Icons by plechi

Uma colecção de 16 ícones, criada pelo usário do Deviantart Plechi, sobre as redes sociais: Google, Yahoo, RSS, Facebook, Twitter, MySpace, last.fm, Technorati, Vimeo, Stumble Upon, Linked in, Youtube, Reddit, Delicious, Digg e Flickr.

Formato: EPS
Download: Social Media Icons by plechi

Free Twitter Icon Set

Uma colecção de 4 ícones sobre o Twitter, criada pela Productive Dreams para o Instant Shift. Imagens em vectores, o que permite um redimensionamento fácil.

Formato: PNG e PSD
Tamanho: 64×64, 128×128 e 256×256
Download: Free Twitter Icon Set

30 Colecções De Ícones Grátis Sobre Redes Sociais é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 23 Pacotes Especiais De Ícones Grátis
2. 14 Websites Para Encontrar Ícones Grátis
3. 2 Plugins A Não Perder Para Redes Sociais Parte9

Acabei de adicionar um favicon ao blog. Veja a imagem com 16×16 pixeis na barra de endereço ou na TAB do browser. Se não estiver a ver a cabeça do nosso robot, precisa de limpar o cache do browser.

No caso da navegação por TABS, é muito útil para diferenciar as várias TABS abertas. É mais um elemento para adicionar personalidade ao site ou blog.

Criamos esta lista de 9 sites onde você pode criar o seu favicon. Pode usar as ferramentas de desenho e algumas também de edição de imagens, que você pode carregar em formato gif, jpg ou png. Ou pode carregar a imagem que você quer converter para favicon e a ferramenta converte para o formato .ico e para o tamanho 16×16 px.

Como Adicionar Um Favicon Ao Seu Site Ou Blog

1. Use uma imagem no formato .ico com o tamanho 16×16 px.
2. Faça upload do ficheiro com o nome favicon.ico para a web root do seu alojamento / hospedagem web.
3. Adicione este código ao tag head do seu site ou blog:
   

   
   
   <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
   
   

9 Ferramentas Para Você Criar O Seu Favicon Online

Animated Favicon

• Esta ferramenta permite criar favicon animados.
• Faça upload duma imagem quadrada, que será convertida para o tamanho certo: 16×16 px.
• Adicione texto, quando fizer o upload da imagem, para a animação do favicon.
• Descarregue o ficheiro zip com as imagens.
• Faça o upload dos ficheiros para a web root do seu alojamento / hospedagem web.
• Use este código para o favicon sem animação, dentro da tag head:
  

  
  
  <head>
  
  <link rel="shortcut icon" href="favicon.ico">
  
  </head>
  
  

• Use este código para o favicon com animação, dentro da tag head:
  

  
  
  <head>
  
  <link rel="shortcut icon" href="favicon.ico" >
  
  <link rel="icon" href="animated_favicon.gif" type="image/gif" >
  
  </head>
  
  

256pixels

• Desenhe o seu favicon.
• Carregue uma imagem e edite a imagem online.
• Click no Submit to Challenge
• Depois Save Favicon

favicon.cc

• Desenhe o seu favicon.
• Carrege uma imagem para depois editar.
• Pode criar animações.
• Faça preview.

Favicon Editor

• Desenhe o seu favicon nesta ferramente.
• Pode fazer o upload duma imagem em formato jpeg, gif ou png com o tamanho 16×16 para editar.
• Faça preview e guarde.

RealWorld Graphics

• Site muito interessante para você desenhar o seu favicon.
• Use a ferramenta lápis (Pencil) para preencher os quadrados com cores.
• Use a ferramenta linha (Lines) para desenhar uma linha.
• Por baixo da ferramenta de desenho, pode fazer o upload duma imagem para editar, na opção “Create favicon from picture”
• Quando estiver satisfeito com o seu favicon, clique em “Download Icon”.

DAGON DESIGN

• Faça upload duma imagem em formato jpg, gif ou png.
• Converta para o formato de favicon com o tamanho 16×16 px.

Favicon Generator

• Permite converter uma imagem ou desenhar o seu favicon. Tem as 2 opções.
• No menu horizontal, clique em Editor para desenhar o seu favicon.
• Pode apagar e fazer preview.
• Quando estiver satisfeito com o desenho, clique em Create Favicon no canto inferior direito.
• No menu horizontal, clique em Generator, para fazer upload duma imagem, em formato jpg, png ou gif.
• Será convertida para o formato de favicon com o tamanho 16×16 px.

favikon

• Faça o upload duma imagem em formato png, gif ou jpg.
• Seleccione a parte da imagem que pretende recortar, com o tamanho 16×16.
• Clique em Capture e Preview.
• Clique em Download Favicon.

Favicon From Pics

• Faça upload da imagem que pretende converter.
• Tem a opção de indicar o url do seu Twitter e a ferramenta irá converter o seu Avatar do Twitter.
• Pode adicionar texto para criar um favicon com animação.
• Faça download do seu favicon

9 Sites Para Você Criar O Seu Favicon Online é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 11 Dicas Para Você Reduzir O Bounce Rate
2. Como Criar Uma Rádio Online Com Shoutcast E PHP
3. WordPress – 17 Dicas Para Você Ter Sucesso

Nesse artigo estou compartilhando os sites que utilizo na pesquisa de ícones, que podem ser usados no computador, Messenger e principalmente na construção de sites e blogs. Se alguém souber de outros, sinta-se a vontade para compartilhar connosco essa informação nos comentários.

Outros artigos que escrevemos sobre este tema:

• 23 Pacotes Especiais De Ícones Grátis
• 10 Motores De Busca Para Ícones

E chega de papo! Vamos à lista:

IconArchive

Possui mais de 31.000 arquivos, divididos em mais de 1.000 sets (séries). O tipo de licença está especificado em cada set.

Icofree

Distribuído em 16 categorias e com diversos pacotes, é um site onde os autores de ícones podem mostrar seu trabalho, permitindo o download para uso não comercial.

Iconspedia

Ícones grátis e de qualidade com uma taxa de 550.000 visitantes mensais com mais de 4 milhões de pageviews.

Feed Icons

Ícones exclusivos voltados para uso em feed RSS.

Free Icons Web

Coletânea com mais de 20.000 ícones de qualidade para os mais diversos fins.

Dryicons

Pertence a uma empresa chamada Rabotilnica que fez esse site para disponibilizar material gratuitamente para a comunidade. Além de ícones, é possível encontrar vetores e templates.

Free Icons Download

Ícones de diversos formatos, de alta qualidade e totalmente gratuitos.

Icon Easy

Baixe mais de 15 mil ícones de alta qualidade totalmente gratuitos.

Best Free Icons

Com uma biblioteca com mais de 20 mil ícones, esse site disponibiliza tudo de forma gratuita, mas somente para uso pessoal.

Double-J Design

A Double-J Design é uma empresa que resolveu disponibilizar um monte de ícones gratuitamente. Então vamos aproveitar, pois é possível usa-los até de modo comercial.

ÍconesBR

Site brasileiro com uma coleção enorme de ícones dividida em diversas categorias.

Icons-Online

Site que comercializa os softwares IconCool Studio 6 e IconCool Manager, mas disponibilizam um boa quantidade de ícones gratuitamente para seus visitantes. Então vamos aproveitar essa chance!

Fast Icon

Uma empresa que tem seu conteúdo pago, mas disponibiliza diversos ícones gratuitamente.

Icon Shock

Assim como a anterior, apresenta um conteúdo pago, inclusive com assinatura. Mas pesquisando mais a fundo é possível fazer download de ícones gratuitamente e de excelente qualidade.

14 Websites Para Encontrar Ícones Grátis é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 23 Pacotes Especiais De Ícones Grátis
2. 30 Colecções De Ícones Grátis Sobre Redes Sociais
3. 10 Motores De Busca Para Ícones

5978 ícones de alta resolução para Web, aplicativos e RSS, dividido em 6 páginas;

50 ícones grátis em alta resolução, incluindo de Páscoa: repare ainda no post links para outros posts e sites com muitos mais ícones, gerando assim milhares de ícones a sua escolha;

Crystal Clear: uma enorme coleção de ícones feitos por Everaldo Coelho;

23 ícones de redes sociais: disponibilizados gratuitamente;

700 silk icons: esse mega pacote está disponível de forma gratuita e esse tipo de ícone é muito útil para produzir menus e controles em blogs e aplicações web.

Pacote de ícones grátis para blogs: especialmente para usuários do WordPress;

90 ícones do Twitter: uma coleção bem interessante de ícones voltados para o Twitter;

160 ícones para sites: disponibilizado por Aesthetica, sendo muito úteis também em sistemas web;

40 ícones de redes sociais: novos tipos de ícones a sua escolha;

10 ícones de pagamento: para ser adicionado à uma loja virtual, por exemplo;

Ícones de Checkout: só para complementar o item anterior;

60 ícones de smatphones: muito legais;

20 ícones de BlackBerry: com diversos modelos;

Pacote de ícones Nintendo: para os saudosistas;

Ícones grátis da Practika: alta resolução;

21 avatares femininos: podem servir para identificar usuárias!

Ícones do Adobe CS4 em PSD: muito úteis para blogs de tutoriais;

8 ícones para design em PSD: identifique seu blog;

Ícones para o Firefox em PSD: faça diferente!

31 ícones diversos: em alta qualidade e diversos formatos;

12 ícones do Iphone: tem um site que trata do tema, eis aqui os ícones!

5 ícones do Mac: muito elegantes!

Botões de Controle para Sites: uma pacote muito interessante de ícones que podem ser usados para controle do seu site;

23 Pacotes Especiais De Ícones Grátis é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 14 Websites Para Encontrar Ícones Grátis
2. 30 Colecções De Ícones Grátis Sobre Redes Sociais
3. 10 Motores De Busca Para Ícones

Hoje estamos trazendo algo especial para vocês: motores de busca para ícones. Sim, eles existem e alguns têm sua interface baseado no Google.

Chegou a hora de dizer chega para o Google Imagens quando você quer procurar um ícone que irá ser o “diferencial” no seu projeto, além de evitar aquele “dor de cabeça” com os direitos autorais dos ícones, pois a maioria dos buscadores apresentados nesse artigo também informa seu licenciamento.

Portanto fique atento a esse detalhe, pois alguns ícones, quando usados de modo comercial, precisam ser pagos. Outros autores apenas solicitam que a autoria seja mantida e que seja inserido um link apontando para seu site. Fique atento a isso!

Mas chega de papo e vamos apresentar agora os 10 motores disponíveis.

Find Icons

Serviço disponível em diversos idiomas, incluindo o português e permite a pesquisa em mais de 300 mil ícones gratuitos. O Find Icons inclui outros serviços interessantes, como conversor de formatos com 10 opções diferentes, permite que você faça seu cadastro, tags de ícones e apresenta o resultado mais completo que já vi, sendo possível aplicar diversos tipos de filtros até que você encontre o ícone que atenda a sua necessidade.

Icon Finder

Permite encontrar mais de 170 mil ícones diferentes, para os mais diversos tipos e gostos. É interessante ver a lista dos últimos ícones inseridos, podendo assim se ter uma ideia mais clara do que pode ser encontrado por esse motor de busca para ícones.

Icons Search

Permite buscar por termo e tamanho e já tem uma relação com as buscas típicas feitas pelos usuários.

Mr. Icons

Uma opção bem interessante com mais de 125 mil ícones divididos em 437 sets. O legal desse buscado é que ele vai oferecendo sugestões de acordo com o que está sendo digitado e o que já existe na base de dados.

Icon Seeker

Faz uma busca dentre 50 mil ícones de alta qualidade, sendo possível diversos formatos e para diversas finalidades.

Very Icon

Intitulam-se como o melhor motor de busca para ícones, tendo mais de 20 mil ícones a sua disposição. É possível definir diversos tipos de pesquisa, além de o sistema apresentar algumas opções;

Iconlet

É um buscado de ícones gratuitos e de qualidade.

Easy Icon Finder

Com uma interface bem ruinzinha, permite a busca por palavra chave, categoria ou nuvem de tags, porém apresentando alguns resultados interessantes.

Silk Icon Finder

Apresenta uma espécie de “diretório” com diversos silk icons, muito úteis em menus de blogs, aplicações web e outros.

Banco de Ícones da Plugmaster

Outro diretório de ícones com diversas categorias, intitulando-se “o maior repositório de ícones do Brasil”. Confira você mesmo!

10 Motores De Busca Para Ícones é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 14 Websites Para Encontrar Ícones Grátis
2. 23 Pacotes Especiais De Ícones Grátis
3. 25 Sets De Ícones Gratuitos Para Feed RSS

As fontes são elementos indispensáveis na criação de logotipos e de banners. E podem ajudar a comunicar uma mensagem. Existem fontes grátis de elevada qualidade, que você pode usar no design do seu website.

Criamos uma lista de sites onde é possível procurar fontes grátis e efectuar o respectivo download.

A nossa lista inicial era muito superior à lista que publicamos. Mas, eliminamos os sites onde as fontes não estão organizadas em categorias ou estão organizadas em apenas 2 ou 3 categorias. É uma tortura procurar uma fonte num site desses. Também não incluímos aqueles sites onde a mistura de fontes grátis com fontes comerciais é uma salda russa, que favorece as fontes comerciais. Grátis é grátis...

17 Websites Onde Poderá Procurar Fontes Grátis

1001fonts

O site está organizado em categorias, incluindo as fontes mais recentes, mais populares, melhor classificadas e mais comentadas. A função de pesquisa é inútil para quem procura fontes grátis, porque aparecem anúncios de fontes comerciais doutros sites. A navegação pelas categorias permite encontrar uma quantidade elevada de fontes grátis.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

1001FreeFonts

Trata-se dum site com mais de 10 000 fontes gratuitas. As fontes estão organizadas por categorias e por ordem alfabética. A função de pesquisa é totalmente inútil, dado que apresenta resultados comerciais do fonts.com. Existe ainda uma opção interessante, que é o download de todas as > 10 000 num único arquivo. Esta opção tem um preço: $19,99 USD.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Abstract Fonts

Oferece mais de 13 000 fontes grátis. Para aceder às categorias, basta clicar em categories, no menu horizontal. Tem também a opção de visualizar as fontes mais recentes e mais populares. Pode visualizar as fontes por ordem alfabética e pelo nome do respectivo designer. Se procura fontes gratuitas, não use a função de pesquisa. Também retorna resultados comerciais. O site indica como categorias populares: Random 1,000, Normal-Serif, Normal-Sans, New Fonts, Letter A, Calligraphy, Handwriting e Art Deco.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Acid Fonts

Na barra lateral do lado direito, poderá visualizar as fontes por categoria, incluindo as mais recentes e pelo nome dos respectivos designers. A pesquisa retorna anúncios de fontes comerciais…

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Action Fonts

A pesquisa funciona! A pesquisa funciona! O menu das categorias e da navegação por ordem alfabética é o destaque do site. No menu horizontal, é possível visualizar as 100 fontes mais populares e as fontes mais recentes.

• Plataforma: PC
• Previsão Personalizada da Fonte: Não
• Organizado Categorias: Sim

Better Fonts

O site oferece uma opção para você efectuar o download das 500 fontes mais populares num único arquivo, desde que pague o preço de $2,77 USD. Permite navegar por ordem alfabética. A opção por navegar por categorias está um pouco escondida. Aprece logo a seguir às letras do alfabeto: Categories. Do lado direito, pode clicar na opção “Change Preview Text” para personalizar a previsão da fonte.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

creamundo

Este site não organiza as fontes por categorias. Apenas por ordem alfabética. No entanto, a pesquisa funciona, ao contrário do que acontece com outros sites, que apresentam anúncios de fontes comerciais nos resultados da pesquisa. No menu, na opção “Descarga todas las fuentes”, é possível efectuar o download de todas as fontes duma só vez, mas como é norma nestes sites, essa opção tem um preço, que no caso do creamundo.com é €6,50 EUR.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Não

DaFont

É um site muito conhecido e inclui milhares de fontes grátis. A navegação por categoria é o destaque do site. Do lado direito, por baixo da pesquisa, é possível também visualizar as fontes por ordem alfabética. No menu no topo, existe a opção de ver as fontes de cada designer, as mais recentes e as mais populares. A pesquisa, para não variar, apresenta resultados de fontes comerciais, neste caso, divididos pelos respectivos sites comerciais.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

DiscoverFonts

Tem uma variedade muito grande de fontes. No menu na barra lateral do lado esquerdo, é possível visualizar as fontes por categorias. Aparece o número de fontes disponíveis em cada categoria. Na página inicial, apresenta a fonte do dia e as 20 fontes mais populares.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Cubes

Na página inicial, apresenta as 10 fontes mais descarregadas do dia. O interface da navegação por categorias está destacado no site. No header, aparece a navegação por ordem alfabética. No topo, no menu horizontal, é possível aceder às fontes mais populares, mais recentes e pelo nome dos respectivos designers.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Paradise

Na barra lateral do lado esquerdo, há um menu de categorias, onde é possível visualizar as fontes organizadas por diversas categorias. Por baixo, pode aceder às fontes por ordem alfabética. É possível também efectuar o download de 2800 fontes num único arquivo, pagando como é habitual um preço: $4,95 USD. O site está cheiro de publicidade estilo pop-up.

• Plataforma: PC
• Previsão Personalizada da Fonte: Não
• Organizado Categorias: Sim

Font Reactor

O interface de navegação pelas diversas categorias aparece em destaque no site. Pode aceder por ordem alfabética e ainda às fontes mais recentes, mais populares do dia, mais votadas e mais comentadas. A pesquisa funciona, para variar.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Fonts101.com

Na barra lateral do lado esquerdo, aparece a navegação por categoria. Existem muitas categorias e é possível visualizar o número de fontes disponíveis por categoria. No menu horizontal no topo, é possível aceder às fontes mais populares. Tem também um fórum, onde é possível debater fontes com outros webmasters e até pedir ajudar.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Font Space

O site tem mais de 13 000 fontes grátis. Tem muitas categorias. Se clicar em Bowser, no menu horizontal no topo, poderá aceder às fontes por categoria, por ordem alfabética, pelo nome do designer e pelo respectivo ano. Se clicar na opção Popular, nesse menu, poderá ver as 1000 fontes mais populares. Tem ainda a opção das fontes mais recentes, para ver as novidades. É possível ainda comentar sobre uma fonte e ler comentários doutros usuários.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Search Free Fonts

Também tem mais de 13 000 fontes grátis. Parece que 13 000 fontes é o número mágico neste nicho de fontes grátis. Há vários sites com mais de 13 000 fontes. Do lado direito, há um menu com muitas categorias e com o número de fontes disponíveis para cada categoria. É possível também optar pelo menu das fontes comeciais. Em relação à pesquisa, funciona.

• Plataforma: PC
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

SimplyTheBest

O destaque do site é o menu com as categorias. As fontes estão bem organizadas por um número elevado de categorias. Também é possível visualizar as fontes por ordem alfabética. Tem uma colecção muito grande de fontes.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

Urban Fonts

Tem um menu de categorias destacado. Também permite a navegação por ordem alfabética. Tem mais de 8000 fontes grátis. No menu do topo, é possível aceder às fontes mais recentes e às 100 fontes mais populares. A função de pesquisa funciona.

• Plataforma: PC e Mac
• Previsão Personalizada da Fonte: Sim
• Organizado Categorias: Sim

17 Websites Para Download De Fontes Grátis é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 13 Websites Para Testar Fontes E Tipografia Web
2. 14 Websites Para Encontrar Ícones Grátis
3. 21 Websites Com Fotos Grátis E De Qualidade

Se quiser ler um artigo sobre Tipografia Web, poderá consultar o nosso artigo: Princípios De Tipografia Para Web.

13 Ferramentas Online Para Testar Fontes E Tipografia Web

Font Tester

Existe texto, que você pode editar. E você pode organizar esse texto numa única coluna ou 2 ou 3 colunas. E o objectivo do site é que você configure a tipografia desse texto e visualize o resultado. Satisfeito com o resultado obtido, você pode obter o respectivo código CSS.

Você pode testar várias fontes, com tamanhos differentes e muitas outras opções CSS:

• font-size, font-family, font-weight
• color, background-color, white space
• text-align, text-indent, text-transform
• line-height, letter-spacing, word-spacing
• font-variant, font-stretch, font-style
• font-size-adjust, unicode-bidi, direction

TYPETESTER

Você pode comparar 3 colunas de texto, com diferentes fontes e configurações de tipografia. Você determina a fonte e as configurações respectivas para cada coluna e poderá visualizar os resultados.

Depois de chegar a uma conclusão sobre a melhor fonte e configuração, você pode aceder ao respectivo código CSS.

csstypeset

Tem 2 editores lado a lado. No primeiro, você escreve o texto que quiser. E no segundo visualiza o código CSS. Por baixo, você pode alterar a fonte e tem várias opções em termos de tipografia que você pode experimentar. E visualiza os resultados no primeiro editor onde você adicionou o texto.

Não tem a vantagem de você comparar lado a lado várias fontes e configurações, mas é simples de usar e o interface é agradável e funcional.

PXtoEM

Converta px para em e em para px.

DESIGNER PLAYTHING

Recomendo esta ferramenta, dado que permite visualizar as suas opções de tipografia web num texto do tipo artigo dum blogue, com título e conteúdo.

Pode configurar várias opções para o título:

• Headline font, Headline length
• Headline case, Headline font size
• Headline leading, Headline Kerning
• Headline Tracking, Headline Justification

Em relação ao conteúdo do artigo, também pode configurar as seguintes opções:

• Body font, Body font size
• Body leading, Body Kerning
• Body Tracking, Body Justification

Pode ainda configurar opções em relação ao própro artigo que você vai visualizar, com os resultados da tipografia que você escolheu:

• Article Width
• Number of Paragraphs
• Set Paragraph Length

Tem ainda a vantagem de poder efectuar o download da aplicação para o seu pc e abri-la localmente no seu browser. Pode ainda enviá-la para um cliente ou colega para que ele possa testar e dar feedback.

Colour Contrast Check

É uma ferramente simples de usar. Você introduz a cor da fonte que pretende usar e a cor do background e a ferramenta vai informá-lo se o contraste é suficiente para permitir que o texto seja lido por alguém com alguma deficiência na visão de cores ou que esteja a utilizar um monitor a preto e branco.

Informa ainda se o contraste passa as recomendações da W3C sobre acessibilidade e nomeadamente a WCAG 2.0 contrast ratio formula.

Se você se preocupa com a acessibilidade do seu conteúdo web, esta é uma ferramente que você deve usar.

LIPSUM

É uma ferramenta indispensável para webdesigners, que precisam de texto para testar os respectivos designs e não podem usar o texto que vai ser o conteúdo do website que estão a criar.

Assim, usam este tipo de texto, chamado Lorem Ipsum, que o website indicado gera:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla pulvinar mauris, feugiat adipiscing lacus rutrum ut. Fusce eget quam dolor, eu dignissim arcu. Phasellus sit amet urna non sem gravida tristique. Nunc pulvinar tortor enim, non sollicitudin tortor. Nulla eu sem nec nisi venenatis aliquet. Maecenas rutrum metus at massa faucibus convallis gravida ipsum suscipit. Pellentesque tempor tempor risus quis sodales. Nulla lacus odio, molestie id bibendum quis, rutrum nec arcu. Ut pulvinar tempus venenatis. Sed eu felis erat, nec feugiat ipsum.

Você pode indicar o número de parágrafos, número de palavras, números de listas ou ainda o tamanho em bytes do texto a ser gerado por esta ferramenta.

HTMLIPSUM

É uma ferramenta semelhante à LIPSUM. Gera texto Lorem Ipsum, mas com mais opções em termos de tipografia web. Acaba por ser uma ferramenta mais completa que a anterior por essa razão.

Pode copiar texto Lorem Ipsum dum parágrafo grande ou médio, duma única frase, de vários tipos de listas, dum artigo, dum formulário, duma tabela ou dum menu.

WhatTheFont

Já aconteceu você gostar duma fonte num determinado website e não saber o nome da fonte? Se você efectuar o upload duma imagem com essa fonte, no website WhatTheFont, vai saber quais são os nomes das fontes que mais se aproximam da fonte que está na sua imagem. Veja os resultados na imagem.

Jon Tangerine

Veja 12 exemplos de tipografia web que você pode usar num parágrafo.

typesites

Trata-se duma galeria que apresenta websites com tipografia que os autores da galeria acham interessante. Mas, para além de apresentarem o website e a respectiva tipografia, os autores também fazem uma crítica da tipografia web usada.

Parece-me um recurso valioso, dado que os autores possuem um conhecimento especializado em fontes e tipografia. E é de leitura obrigatória para qualquer webdesigner que se interesse por tipografia.

TypeNavigator

O TypeNavigator é uma ferramenta que permite ao usuário procurar uma fonte, sem que saiba o respectivo nome, recorrendo apenas à memória visual que o usário tem da fonte que procura.

O usário responde a várias perguntas, onde as respostas são imagens de formas. O usário escolhe a forma que mais se aproxima da memória que tem da fonte que procura. E a ferramenta apresenta as fontes que correspondem às escolhas feitas pelo usuário.

Fontifier

Esta ferramenta transforma a sua letra numa fonte que você pode usar. E funciona em 7 passos fáceis, embora o resultado final não seja grátis. O preço da fonte é $9 USD Dollars, que você pode pagar através de paypal ou cartão de crédito.

Os 7 passos:

1. Imprima o template da Fontifier, necessário para você submeter uma amostra da sua escrita à mão.
2. Nesse template, escreva à mão as várias letras do alfabeto e outros caracteres.
3. Digitalize e guarde o template no seu pc.
4. Faça o upload para o site da Fontifier e gere a sua fonte.
5. Preveja e pague a fonte.
6. Faça o download da fonte.
7. Instale a fonte no seu computador para usar nos programas instalados no computador, como qualquer outra fonte.

13 Websites Para Testar Fontes E Tipografia Web é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 17 Websites Para Download De Fontes Grátis
2. Princípios De Tipografia Para Web
3. 14 Websites Para Encontrar Ícones Grátis