Uma grande ajuda fornecida pelo CSS para ajudar os desenvolvedores a criar designs responsivos é o max-width. Eu sempre defino img, iframe, e embed tags para max-width: 100% para que elas não possam sangrar através de seus pais e esticar a página em celulares, mas recentemente me perguntei se era possível obter o tamanho “verdadeiro” […]
Tag: imagem
Converter uma imagem em escala de cinza com o ImageMagickConverter uma imagem em escala de cinza com o ImageMagick
Há alguns anos, comprei uma câmera DSLR com vários efeitos de filtro incorporados e valeu cada centavo. Tirei algumas fotos incríveis em Londres, Paris e Jamaica, e tirei algumas fotos realmente especiais do meu filho durante seus primeiros anos de vida. E muitas das minhas fotos favoritas foram tiradas com o filtro de […]
Criar uma visualização de imagem a partir de um vídeoCriar uma visualização de imagem a partir de um vídeo
Os recursos visuais são tudo quando se trata de mídia. Quando estou tentando decidir se assisto ou não a um vídeo na Netflix, seria ótimo ver algum tipo de trailer, mas, infelizmente, isso não está disponível. Quando quero baixar um vídeo no meu computador, seria ótimo ter uma única imagem de visualização condensada com miniaturas […]
Obter dimensões da imagem a partir da linha de comandoObter dimensões da imagem a partir da linha de comando
A linha de comando é uma mina de ouro se o senhor vier da perspectiva de um amante da interface do usuário. Obter informações do shell em vez de abrir um aplicativo, encontrar um arquivo ou diretório, etc… que conceito inovador. Abrir diferentes arquivos de imagem abre diferentes aplicativos no meu Mac e, como dizem […]
Converter imagem em URI de dados com JavaScriptConverter imagem em URI de dados com JavaScript
Sempre que faço uma “execução de desempenho” em um site, o primeiro lugar que procuro são as imagens. Por quê? Porque o senhor pode salvar uma imagem do Photoshop, colocá-la no ImageOptim ou até mesmo no TinyPNG e economizar 70% do tamanho do arquivo. O que a maioria dos desenvolvedores não considera? Pegar arquivos de […]
Carregamento lento e esmaecimento de imagem simplesCarregamento lento e esmaecimento de imagem simples
Uma das otimizações de desempenho de site mais rápidas e fáceis é diminuir o carregamento de imagens. Isso significa uma variedade de coisas, incluindo a redução de imagens com ferramentas como ImageOptim e TinyPNG, o uso de URIs de dados e sprites e o carregamento lento de imagens. É um pouco chocante quando o senhor […]
Converter imagem em arte ASCII com o Node.jsConverter imagem em arte ASCII com o Node.js
Há muitas pessoas por aí que não apreciam a arte ASCII; chamamos essas pessoas de “idiotas”. A arte ASCII tem sido usada desde sempre e continua sendo, em minha opinião, um feito de programação e criatividade. Há um projeto chamado image-to-ascii que não apenas cria arte ascii, mas o faz a partir de […]
Criar uma imagem panorâmica 3D com A-FrameCriar uma imagem panorâmica 3D com A-Frame
Nos cinco anos em que estou na Mozilla, vi alguns projetos incríveis. Alguns deles são muito populares, outros são de nicho, mas nenhum deles me inspirou como o trabalho da equipe do MozVR com o WebVR e o A-Frame O projeto tem. O A-Frame é um projeto comunitário que tem como […]
Segurança de imagem com o CloudinarySegurança de imagem com o Cloudinary
Quando os desenvolvedores pensam em segurança em seus aplicativos Web, raramente a segurança de imagens está no topo da lista; não porque proteger a mídia não seja importante, é claro, mas porque a segurança de mídia nem sempre é fácil. Alguns até dirão que a segurança da mídia não é importante, mas […]
Criar uma imagem de forma de onda com o ffmpegCriar uma imagem de forma de onda com o ffmpeg
As imagens de forma de onda têm uma variedade de usos e comecei a ver imagens de forma de onda sobrepostas na parte inferior dos vídeos. Esse tipo de recurso parece útil se o senhor quiser ver a identificação da música em um vídeo ou espaços específicos em um vídeo com ação. Se o senhor […]