Quando temos imagens, que são conteúdo, para incluir
na nossa página devemos colocá-las sempre no HTML.
Incluir uma imagem que é conteúdo, por CSS, não é ideal
e deve ser evitado a todo o custo.
Porquê? Vários motivos,
sendo os principais:
Semântica: a imagem faz parte dos conteúdos,
não é apenas um elemento gráfico no layout.
Ao inclui-la no HTML temos hipótese de incluir
uma descrição (acessibilidade) e não vai ser
automaticamente eliminada na versão de impressão
(a maior parte dos browser permite retirar as imagens
de fundo no menu de impressão).
Acessibilidade: a imagem não vai ser lida por
leitores de ecrã uma vez que não está
na parte de conteúdo (HTML) mas sim nos estilos (CSS).
Imagens que já tem formato quadrado
Inner Circle
Perfect Circle
Russian Circles
Com imagens com formatos variados (que não são quadradas)