Pensar en una web sin imágenes es algo casi imposible. Hoy en día, si manejamos alguna forma de contenido, tenemos que acompañarlo con algo visual para garantizar un buen impacto. Pero muchas veces nos encontramos con que no sabemos exactamente cómo hacer un tratamiento de imágenes que esté a tono con el tipo de trabajo que hacemos. Por eso, hoy les mostraremos algunos recursos disponibles para optimizar imágenes para la web.
Trataremos de mantenerlo muy simple. Para un diseñador gráfico o web, las cosas que diremos hoy son noticia de ayer, pero para alguien que necesita bajar el peso de las imágenes para ponerlas en su blog puede ser de mucha ayuda. A veces nos encontramos con límites de peso, por ejemplo en Facebook, o necesitamos recortar una imagen para que no sea distorsionada (por ejemplo en el caso de las cover photos de la popular red social).
Photoshop
Si tenemos una imagen muy pesada, podemos editarla usando Photoshop. Esta suite de edición de imágenes es completísima, y podemos hacer muchas otras cosas con ella además de bajar el peso de la imagen. Pero como no es nuestra tarea hacer un curso de edición de fotografía, nos concentraremos en las posibilidades web del programa. Photoshop tiene de hecho una función que nos permite guardar las fotografías para web.
Para optimizar una fotografía para la web, primero tenemos que abrirla, y luego hacer clic en Archivo. Allí encontraremos la opción “Guardar para Web y dispositivos”:
Una vez que hacemos esto, tendremos una nueva ventana donde podemos seleccionar las opciones. Aquí tendremos que seleccionar, en la caja superior, el formato JPG; y luego podremos elegir la calidad de la imagen. Es importante que seleccionemos el perfil “Progresivo”. Toda esta información se encuentra en el panel lateral derecho:
Cuando terminamos le damos guardar y tendremos una imagen optimizada.
Para poder recortar una imagen también podemos usar Photoshop, no es difícil. Pero no siempre tendremos Photoshop a mano, por lo que nos concentraremos ahora en algunos recursos web.
Croppola
Para ahorrar tiempo cuando no estamos en nuestro ordenador, podemos usar esta aplicación web que puede salvar vidas –metafóricamente-. Croppola es rápida, pero además nos da sugerencias sobre cómo podemos recortar una imagen para que tenga una composición que valga la pena. El proceso es simple, seleccionamos una imagen desde el navegador, la subimos a Croppola, y nos encontraremos más abajo con la sugerencia:
Podemos seguir el consejo, o recortar la foto como más nos guste. Debajo tenemos el botón para descargar la imagen ya recortada a nuestro ordenador.
Pixlr
Otro de los mejores editores online que tenemos en el mercado. Se trata de una alternativa gratuita que además podemos descargar para Android e iOS. Con Pixlr tenemos varias opciones que van más allá de ajustar el tamaño, peso y colores. Podemos, de la misma manera que en Photoshop, crear capas para sumar efectos a la imagen.
El uso se asimila bastante al del programa de Adobe: tenemos una paleta lateral donde encontramos todas las herramientas a nuestra disposición. Cuando terminamos el proceso de edición, podemos seleccionar el guardado de la imagen.
Como programa sencillo y potente, además de portable (instalable en USB) está el IrfanView. Para Win, eso sí. Muy recomendable en mi opinión.
Photosop no es la herramienta ideal para optimizar imagenes para la web. Photoshop está pensado para retoque fotográfico. La herramienta de Adobe para la web es Fireworks
"Photoshop" es una alternativa muy cara o pirateada. Para solventar ambos inconvenientes pueden usar "software libre" y como alternariva "Gimp", una suite libre y gratis.
Saludos.
Estoy de acuerdo con José Miguel. Así mismo, me gustaría que este artículo explicase que, el mejor formato de imágenes para la web es: WebP, un algoritmo de compresión de imágenes desarrollado por Google.
Es excelente, e incluso me atrevería a decir que es mejor que JPG, pues, hice pruebas y el resultado es óptimo, La máxima compresión, con la máxima calidad (literalmente).
Una imagen que en JPG me pesaba 1MB, con WebP me ocupa 100KB, y la calidad de la imagen es exactamente la misma para el ojo humano.
Existe un códec para usar con Photoshop y exportar imágenes en WebP. Google ya implementó el soporte para estas imágenes.
¿Ya mencioné que este códec es de código abierto (Software Libre)?
Para una sola imagen las soluciones propuestas son validas, pero si queremos optimizar mas de 100 debemos usar otras alternativas: image magic (convert), timthumb.php, smushit,... Aunque photoshop y compañia tienen capacidad de procesado por lotes, muchas veces se es mas productivo si se pierde el miedo a soltar el raton.
Uma cidade 2.0, como todas as oagznirae7f5es no futuro ve3o funcionar, como je1 comee7a a acontecer na bolsa de valores. Ae7f5es se3o vendidas e compradas, conforme os algoredtimos dos robf4s, como saiu no Valor de hoje.Um prefeito e seus assessores ve3o colocar tudo em uma grande rede social de relacionamento e os ajustes sere3o feitos nos algoritimos, que definire3o aonde deve ser atendida as demandas. veja detalhes:Eu, robf4Por Antonio Perez, de Se3o Paulo14/06/2010Texto: A- A+Dos replicantes de Blade Runner ao mundo virtual Matrix, o cinema sempre explorou a ideia de que a me1quina um dia substituiria o homem nas atividades mais complexas. Aos poucos, o que era pura imaginae7e3o comee7a a ganhar contornos cada vez mais nedtidos, pelo menos no mercado acione1rio. Depois de conquistar os fundos de investimento e os grandes investidores institucionais brasileiros, o uso de programas de computae7e3o baseados em algoritmos para negociae7e3o de ae7f5es comee7am a chegar e0s pessoas fedsicas.Em geral, esses programas auxiliam os investidores a executar transae7f5es mais sofisticadas, que envolvem compra e venda simulte2nea de pape9is e ope7f5es de ae7f5es (direito a comprar ou vender uma ae7e3o a um determinado pree7o em uma data futura). Para montar tais estrate9gias, o investidor tem que realizar rapidamente duas, treas ou ate9 quatro operae7f5es ao mesmo tempo, com a combinae7e3o exata de pree7os e quantidades.c9 nesse ponto que os sistemas baseados em algoritmos entram em cena. Basicamente, o investidor define os pare2metros e alimenta o programa com informae7f5es como pree7os e quantidades desejadas. Em seguida, a ferramenta varre o mercado e, ao identificar as condie7f5es necesse1rias, pode avisar o investidor ou ate9 disparar automaticamente as ordens para executar a operae7e3o. Sem o sistema, o investidor dificilmente consegue fazer a transae7e3o na quantidade desejada e com o pree7o ideal , afirma Francisco Valente, gerente da mesa de negociae7e3o eletrf4nica da corretora c1gora, do Bradesco.Ele explica que, com a adoe7e3o dos sistemas eletrf4nicos pelos investidores institucionais nos faltimos anos, os pree7os de ope7f5es de ae7f5es passaram a oscilar com mais intensidade. Hoje e9 tudo muito mais re1pido, as oportunidade surgem e desaparecem em segundos , ressalta Valente.Faz cerca de treas meses, a c1gora comee7ou a oferecer e0s pessoas fedsicas os sistemas de algoritmos je1 disponedveis aos seus clientes institucionais. Por ora, as operae7f5es se3o realizadas com o auxedlio dos operadores da corretora. O cliente liga para a mesa de operae7f5es que insere os pare2metros da estrate9gia (pree7o e quantidade) no sistema.O programa ente3o verifica o mercado e, quando identifica uma oportunidade, executa as ordens. A pessoa fedsica je1 usa muito o algoritmo pela nossa mesa , conta Valente. O cliente este1 cada vez mais percebendo o valor das ferramentas .A c1gora acabou de lane7ar uma safra de algoritmos, com a possibilidade de acesso ao sistema pela internet. Ale9m das estrate9gias usuais de arbitragem de ae7f5es e ope7f5es, havere1 a ferramenta chamada Volume Weighted Average Price, que busca executar ordens a um pree7o me9dio prf3ximo ao valor em que a ae7e3o foi negociada no peredodo da estrate9gia.Na corretora Coinvalores, as pessoas fedsicas passaram a ter acesso ao sistema de algoritmos da mesa de operae7f5es da corretora desenvolvido pela empresa de tecnologia CMA he1 cerca de dois meses. Ale9m de oferecer a ferramenta, a corretora assessora os clientes na escolha de estrate9gias. Nf3s ajudamos a identificar oportunidades e montar as operae7f5es , afirma Francisco Nogueira, operador da Coinvalores, que vem notando um interesse crescente pelo sistema de algoritmos. Os investidores buscam mais essas operae7f5es quando o mercado vive momentos de instabilidade , ressalta.Nas operae7f5es de arbitragem com ae7f5es e ope7f5es, os ganhos ne3o dependem diretamente da valorizae7e3o da bolsa. Segundo Nogueira, os adeptos se3o investidores je1 com experieancia no mercado e valores elevados para aplicar. O valor me9dio das operae7f5es de arbitragem de ae7f5es, por exemplo, gira em torno de R$ 40 mil.He1 tambe9m ferramentas mais simples para a pessoa fedsica, como o Best Offer desenvolvido pela CMA. O algoritmo programa o sistema para sempre manter a ordem de compra e venda do investidor em primeiro lugar no livro de ofertas. Se o investidor quiser, por exemplo, vender rapidamente um lote de ae7f5es da Petrobras, o programa reduzire1 automaticamente o pree7o caso outro investidor incluia uma oferta de venda menor.Algumas corretoras tambe9m je1 oferecem plataformas para que os clientes operem diretamente com sistemas de algoritmos. c9 o caso da LinkTrade, home broker da Link Investimentos. Por R$ 2 mil por meas, o cliente tem acesso e0 plataforma. Se3o pessoas fedsicas com mais recursos e viveancia no mercado , conta Mf4nica Saccarelli, diretora do Link Trade. Mesmo assim, realizamos cursos, je1 que ne3o de1 para oferecer um sistema desses sem educar o investidor , ressalta.Mf4nica acredita que, em pouco tempo, havere1 ope7f5es de estrate9gias com algoritmos diretamente na tela do home broker. A prf3pria Linktrade je1 estuda alguns sistemas com estrate9gias mais simples e pree7os menores, acessedveis ao investidor. O mercado de home broker ainda e9 pequeno no Brasil e os custos devem cair e0 medida que o nfamero de investidores crescer , diz.No Brasil, as transae7f5es com algoritmos respondem por cerca de 6% do volume negociado no segmento Bovespa, com predomine2ncia dos investidores institucionais. Nos Estados Unidos, as negociae7f5es autome1ticas je1 superam 70% do volume negociado. Mf4nica lembra que, dos 500 mil investidores cadastrados na bolsa, apenas metade opera frequentemente. Quando esse nfamero saltar para 2 milhf5es, por exemplo, os algoritmos sere3o usados com frequeancia , acredita ela.A corretora Icap Brasil, filial da brite2nica Icap, promete lane7ar em treas semanas o primeiro sistema de algoritmos para seus clientes. Sere1 uma espe9cie de radar que identificare1 oportunidades de execue7e3o de estrate9gias com ope7f5es, seja em um mercado de alta ou de baixa. Cabere1, contudo, ao investidor realizar a operae7e3o, disparando as ordens de execue7e3o no sistema.Daqui a quatro meses, o cliente da Icap Brasil tere1 um sistema que identificare1 as oportunidades e, apf3s a autorizae7e3o dos clientes, executare1 as ordens. O cliente pessoa fedsica ainda ne3o se sente e0 vontade em deixar tudo com a me1quina , diz Paulo Levy, diretor da Icap Brasil e response1vel pelo home broker da corretora, o MyCap.O prf3ximo passo, diz Levy, sere1 deixar que a me1quina execute automaticamente as ordens. O investidor vai apenas definir a estrate9gia, com pree7os e quantidades. A partir daed, o sistema identifica e executa as transae7f5es. Quando a me1quina fizer, ne3o vai mais existir o estresse de ficar acompanhando , afirma Levy.