Agregá efectos, escalá y cortá tus fotos sin hacer nada

Bienvenidos a mi nuevo post Hola taringueros. Pasó mucho tiempo desde mi último post y no quería despedir el año sin realizar algún otro aporte, y más aún teniendo en cuenta que ya no realizo las legendarias convocatorias de Taringa Graphic y Taringa Beats, de modo tal que me puse a pensar e investigar qué podía publicar (y que no sea crap, obviamente) hasta que me topé con algo muy interesante, tan interesante que casi me es obligación contarles. Además, con este post modifico y adapto por primera vez la apariencia de mis posts de aquí en adelante acorde con el nuevo diseño de la V6 (que tanto odian, pero yo no tanto) y a los ancestrales monitores de 1024px (a los que todavía respeto); y que también espero que les guste. Basta de palabrerío, ¡ahí vamos! ImageShack Image API Seguro que muchos de ustedes lo conocen, pero otros tantos, al igual que yo, no teníamos ni la más pálida idea de su existencia. Como el título más o menos lo dice, es una API diseñada por ImageShack, el popular host de imágenes, que nos brinda diversas opciones para editar el tamaño de tus imágenes, agregar filtros de efectos, y recortarlas, todo esto sin siquiera hacer un click o cargar tu foto. Puede sonar un poco vendehumo (y quizás lo sea, creo que exageré un poco) pero vas a ver que una vez que aprendas un simple código, te vas a cagar de risa y le vas a agarrar la mano enseguida. Lo único que necesitás, es la foto que querés tratar subida a cualquier host de Internet. Sí, ya sea KN3, Facebook, Flickr o el que se te ocurra, la hayas subido hace años o la quieras subir ahora, sólo necesitás un link con la imagen y acá se terminan los requerimientos, el resto es una pavada. Lo que sí, como todo tiene sus pro y sus contra, los cuales también te voy a contar para que los tengas en cuenta. Antes de comenzar a describir cada uno de las características de esta API, te comento que el servicio sólo admite imágenes JPG y PNG. Para el ejemplo de todos los tratamientos que se le pueden aplicar a la imagen, voy a usar la siguiente alojada en Flickr. Es una foto propia (bueno, en verdad la sacó @Chivvi pero yo le hice todo el tratamiento ). En el caso de Flickr, al igual que en otros servidores, les recomiendo que siempre elijan el link de la imagen en su máxima resolución, no importa si la querés más chica después, de eso se va a encargar la API. Elegí la más grande para que el procesamiento sea más refinado y los resultados, mejores. La foto en cuestión. Imagen en tamaño completo haciendo click acá. Escalar imagen Como es la primer característica, les voy a dar el código y explicarles qué significa cada parte del mismo, aunque se van a dar cuenta al toque: https://imagizer.imageshack.us/(ANCHO)x(ALTO)f(FILTRO)/(URL) Todo lo que está en color es lo que tienen que personalizar. Si sólo usan una de las funciones de la API, pueden borrar el resto del código, tal como vamos a hacer ahora en algunos ejemplos de escalado de la imagen. Para el escalado estaríamos usando solamente: https://imagizer.imageshack.us/(ANCHO)x(ALTO)/(URL) • Se deben poner sólo números, nada de "px" o similares. • Si especificamos sólo un valor, por ejemplo x360 se considera el tamaño vertical; si especificamos sólo 360x, se considera el tamaño horizontal. La relación de aspecto siempre se mantiene, a menos que especifiquen ambos valores para ALTO y ANCHO, pero eso viene después; háganlo como lo pongo abajo sino se van a mandar cagadas. https://imagizer.imageshack.us/x360/farm4.staticflickr.com/3902/14545564715_45067e043c_o.jpg https://imagizer.imageshack.us/360x/farm4.staticflickr.com/3902/14545564715_45067e043c_o.jpg PRO: Proceso rápido y efectivo. Hace lo que debe y lo hace bien. CONTRA: Las imágenes PNG salen de la API como JPG. Tanto las PNG convertidas como las JPG, salen de la API con una pequeña diferencia de calidad, aunque es extremadamente mínima (diría que sale con más del 95% de la calidad del original, a menos que hablemos de un PNG, obviamente). Agregar efecto/filtro Esta API, además de permitirte redimensionar la imagen también tiene la opción de agregar un filtro, 22 en total para ser exactos. Van desde el modo normal hasta el modo escala de grises, pasando por un gran abanico de otros efectos. Se los voy a listar y ejemplificar todos, pero primero el código (que en verdad hay que usarlo en su totalidad, lo pongo otra vez para que quede prolijo y no tengan que desplazarse): https://imagizer.imageshack.us/(ANCHO)x(ALTO)f(FILTRO)/(URL) • Al igual que antes, deben poner sólo números. (FILTRO) debe ser reemplazado por un número del 0 al 21. • Como podrán imaginar, no es necesario especificar el valor 0, porque sería la imagen original sin efecto. Ahora les voy a enumerar y mostrar todos los efectos, su nombre y su número. Para todos los casos voy a usar el tamaño x360 que es el que mejor se adapta al post. Por prolijidad, voy a simplificar la URL y voy a poner sólo "...jpg", total ya saben la dirección, y si la quieren, abren la imagen en pestaña nueva. Normal - Código: 0 - https://imagizer.imageshack.us/x360f0/...jpg Aqua - Código: 1 - https://imagizer.imageshack.us/x360f1/...jpg High-Summer - Código: 2 - https://imagizer.imageshack.us/x360f2/...jpg Nature - Código: 3 - https://imagizer.imageshack.us/x360f3/...jpg Old-School - Código: 4 - https://imagizer.imageshack.us/x360f4/...jpg Proviaesque - Código: 5 - https://imagizer.imageshack.us/x360f5/...jpg Spring - Código: 6 - https://imagizer.imageshack.us/x360f6/...jpg Xpro-LakeGravity - Código: 7 - https://imagizer.imageshack.us/x360f7/...jpg Yellow-Red - Código: 8 - https://imagizer.imageshack.us/x360f8/...jpg Desert - Código: 9 - https://imagizer.imageshack.us/x360f9/...jpg Dramatic-See - Código: 10 - https://imagizer.imageshack.us/x360f10/...jpg Exotic-Mountain - Código: 11 - https://imagizer.imageshack.us/x360f11/...jpg Exotic-Mountain-Light - Código: 12 - https://imagizer.imageshack.us/x360f12/...jpg Maiara - Código: 13 - https://imagizer.imageshack.us/x360f13/...jpg Memphis - Código: 14 - https://imagizer.imageshack.us/x360f14/...jpg Morning - Código: 15 - https://imagizer.imageshack.us/x360f15/...jpg Portraesque - Código: 16 - https://imagizer.imageshack.us/x360f16/...jpg Purple-Green - Código: 17 - https://imagizer.imageshack.us/x360f17/...jpg Velviaesque - Código: 18 - https://imagizer.imageshack.us/x360f18/...jpg Xpro-I - Código: 19 - https://imagizer.imageshack.us/x360f19/...jpg Xpro-II - Código: 20 - https://imagizer.imageshack.us/x360f20/...jpg Grayscale - Código: 21 - https://imagizer.imageshack.us/x360f21/...jpg PRO: Efectos buenos, moderados y balanceados. Obviamente no todas las fotos responden bien a todos los filtros (como pudieron ver en los ejemplos, sólo algunas quedaron bien), por lo que si se aplican mal, la foto va a quedar fea. CONTRA: Las mismas que el anterior. Además personalmente creo que hay poca variedad y la imposibilidad de elegir cuánto del filtro queremos que afecte a nuestra foto, son un punto en contra. Recortar Las opciones para recortar son algo limitadas, peo pueden servirnos. El código es el mismo de la primer opción (a menos que quieras agregar un filtro, ahí sumás todo): https://imagizer.imageshack.us/(ANCHO)x(ALTO)/(URL) • Como ya sabés, se deben poner sólo números y nada de "px" o similares. • Hay que especificar ambos valores, sino estaríamos realizando un redimensionamiento. https://imagizer.imageshack.us/640x280/farm4.staticflickr.com/3902/14545564715_45067e043c_o.jpg https://imagizer.imageshack.us/360x360f20/farm4.staticflickr.com/3902/14545564715_45067e043c_o.jpg PRO: Aunque la resolución cambie, la imagen se redimensiona y recorta sin distorsionarse. Podemos agregar filtros junto con el recorte. CONTRA: El recorte siempre se basa en el centro de la imagen. Bueno gente, espero que les haya gustado tanto el post como el formato nuevo (a propósito me llevó mucho más tiempo del que pensaba). Nos estamos viendo en un futuro post. ¡Adiós!