Consejos para optimizar las imágenes de tu web

De todos es bien conocido y más recientemente que las imágenes están tomando un valor muy sustancial en las páginas webs y tiendas en línea. Las imágenes hacen más interesante el contenido y también provoca que los que leen premanezcan más tiempo explorando por la web. Ya que bien, para llevar a cabo un óptimo uso de estas imágenes y que nos ayuden a ubicar tienen que estar optimizadas para que a Google “le gusten” y que la sitio web no tarde en cargar bastante más de lo que se espera. Ahora vamos a enumerar algunas buenas prácticas y sugerencias para aplicarlas a todas y todas las imágenes que hayamos ido a subir a nuestra sitio web.

 

Reducir tamaño fotos e imágenes sin perder calidad en jpg o png con Photoshop

Redimensionar cada imagen al tamaño real que se vaya a utilizar en la sitio web. Con ello evitamos cargar imágenes más importantes y por consiguiente con más peso lo que va a proporcionar ayuda claramente a la agilidad de carga de la web. Lo primero que debemos entender es cuándo debo usar jpg y png. La extensión png se usa comunmente cuando deseamos llevar a cabo alguna clase de transparencia y jpg cuando no requerimos ese efecto ya que por lo general pesa menos. Vamo a conocer un caso de muestra de cómo se reduciría una imagen para nuestra web. Una foto que nos han mandado de manera directa de una cámara fotográfica con excelente calidad. Al proceder a caracteristicas de la imagen y “Detalles” nos sugiere que su tamaño es de 5184×3456 pixeles con una resolución de 300ppp con el formato jpg y que tiene un tamaño de 7,41 Mb. Hay que tomar en cuenta que las webs en la actualidad se están diseñando con un tamaño de 1200 pixeles de ancho, por consiguiente la imagen que poseemos es 5 ocasiones superior al tamaño de lo que requerimos para una sitio web, vamos a reducirla con el redimensionador de imágenes de Photoshop, le indicaremos además que la deseamos a 72ppp puesto que no requerimos más al visualizarse en pantallas. Redimensionar cada imagen al tamaño real que se vaya a utilizar en la sitio web. Con ello evitamos cargar imágenes más importantes y por consiguiente con más peso lo que va a proporcionar ayuda claramente a la agilidad de carga de la web. Lo primero que debemos entender es cuándo debo usar jpg y png. La extensión png se usa comunmente cuando deseamos llevar a cabo alguna clase de transparencia y jpg cuando no requerimos ese efecto ya que por lo general pesa menos. Vamo a conocer un caso de muestra de cómo se reduciría una imagen para nuestra web. Una foto que nos han mandado de manera directa de una cámara fotográfica con excelente calidad. Al proceder a caracteristicas de la imagen y “Detalles” nos sugiere que su tamaño es de 5184×3456 pixeles con una resolución de 300ppp con el formato jpg y que tiene un tamaño de 7,41 Mb. Hay que tomar en cuenta que las webs en la actualidad se están diseñando con un tamaño de 1200 pixeles de ancho, por consiguiente la imagen que poseemos es 5 ocasiones superior al tamaño de lo que requerimos para una sitio web, vamos a reducirla con el redimensionador de imágenes de Photoshop, le indicaremos además que la deseamos a 72ppp puesto que no requerimos más al visualizarse en pantallas.

 

Comprimir fotos sin perder calidad

Pero ahí no queda todo, todavía de esta forma luego de pasar nuestras imágenes por la utilidad Almacenar para web de Photoshop tenemos la posibilidad de utilizar otras utilidades para comprimir más el peso sin perder calidad. Para eso poseemos dos opciones: comprimir las imágenes con alguna utilidad en línea de las que indicamos más abajo o bien utilizar un programa que instalaremos en nuestro PC y que vamos a usar para tal uso.

 

Comprimir imágenes online

Aquí podemos encontrar multitud de páginas de internet que comprimen imágenes, tanto gratis como de pago sin perder calidad. Enumeraremos las que observamos que más nos tienen la posibilidad de asistir. Compressjpeg.com – Compresspng.com – Optimizilla.com – gratis – Para comprimir sólo jpg tenemos la posibilidad de usar compressjpeg.com, sólo para png compresspng.com y para las dos optimizilla.com. Tenemos la posibilidad de comprimir en lote hasta un más alto de 20 imágenes en .jpg o jpeg y no tenemos la posibilidad de seleccionar el porcentaje de compresión. La utilidad estudia cada imagen por separado y las comprime todo lo que se puede. Iloveimg.com – gratis – Se frecuenta usar cuando poseemos muchas imágenes para comprimir iloveimg.com. Tenemos la posibilidad de comprimir en lote hasta un más alto de 15 imágenes en .jpg, png o gif y no tenemos la posibilidad de seleccionar el porcentaje de compresión. Imagesmaller.com – gratis – Con imagesmaller.com solo tenemos la posibilidad de ir mejorando nuestras imágenes de una en una y que no sean de bastante más de 50Mb. Admite .jpg, jpeg y png. Webresizer.com – gratis – Actualización de solo una imagen de hasta 10 Mb y nos facilita cambiar algunos parámetros: dimensiones, rotación, enfoque, calidad de la imagen, bordes, exposición, contraste y saturación para cuando nos la descarguemos tengamos esas rectificaciónes añadidas. Una cosa muy atrayente es que observamos en todo instante como va a quedar nuestra imagen antes de bajarla. Compressnow.com – gratis – Se tienen la posibilidad de subir numerosas imágenes para comprimir en lote. Estas tienen la posibilidad de ser formato .jpg, jpeg, png gif y como más alto de 9Mb. En esta utilidad si nos facilita señalar que porcentaje de compresión deseamos hacer a todas la imágenes. Convertimage.es – gratis – Nos facilita mejorar una imagen solo de los próximos formatos .bmp, .wbmp, .dib, .cur, .gif, .jpg, .jpeg, .jpe, .pcx, .rle, .pdf, .pict, .pct, .pic, .png, .psb, .psd, .tif, .xcf y de un tamaño más alto de 24 Mb TinyPNG – gratis – Tendremos la posibilidad de mejorar hasta 20 imágenes de más alto 5Mb en formatos .jpg o png Tiene edición paga (25$/año) la cual nos quitará el límite de subida de imágenes y va a aumentar el volumen más alto del archivo a subir a 25Mb Compressor.io – gratis – No se tienen la posibilidad de llevar a cabo lotes, pero si nos facilita seleccionar 2 tipos de actualización y que las imágenes logren ser de los próximos formatos .jpg, .png, .gif y .svg y no superiores de 10Mb. Kraken.io – pago – Con proyectos desde 5$/mes hasta 79$/mes nos facilita mejorar imágenes bien subiéndolas hasta un límite de Mb según el plan contratado o bien indicándole una url. Se tienen la posibilidad de llevar a cabo 3 tipos de compresión y como alternativa nos facilita además a la vez redimensionar las imágenes. En el momento de guardarlas una vez realizada la compresión se tienen la posibilidad de bajar o mandarlas a algún alojamiento en la nube de manera directa como es Box, Google drive o Dropbox Programas para comprimir imágenes RIOT (Radical image optimization tool) – software libre – Utilizable para windows y como plugin para agregar a programas como GIMP. Nos facilita mejorar imágenes en .jpg, .png y .gif dandonos la posibilidad de seleccionar la configuración de la compresión y hacer algunos cambios en nuestra imagen antes de seguir a optimizarla. En todo instante poseemos la imagen original y la que en un inicio hemos mejorado para ver como quedaría nuestra imagen final antes de seguir. Además tiene oportunidad de llevar a cabo procesos por lotes. FILEminimizer Pictures – software libre – Disminuye el volumen hasta en un 98% (pudiendo seleccionar entre 4 diferentes compresiones) y admite imágenes en formatos .jpg, .bmp, .gif, .tiff, .png y .emf. Una alternativa atrayente de este programa es que tus imágenes y imágenes puedes mandarlas de manera directa por mail o subirlas a Facebook. XGuetzli – software libre – Un programa muy atrayente, ya que se habla que utiliza el algoritmo de Google para mejorar las imágenes además de que da una plataforma de trabajo realmente simple y facilita llevar a cabo la compresión por lotes y dando permiso seleccionar en que calidad deseamos optener la imagen final Jpegmini.com – pago – Estamos hablando en esta situación de un programa que tiene ediciones para Mac y Windows y además poseemos ediciones para agregar como complementos a programas como Abobe Lightroom y Adobe Photoshop lo que posibilita su uso. Poner énfasis de este programa su calidad en el momento de comprimir el archivo sin perder nada de calidad en la imagen.

 

Te puede interesar:

Mejorar posicionamiento SEO de tu sitio web

 

Fundamentos para que te dediquen un LIKE

DISEÑO GRÁFICO PARA REDES SOCIALES: CLAVES Y EJEMPLOS

El diseño gráfico para comunidades es todo un mundo. Igual que sucede con el diseño de logo o de páginas webs, los popular media tienen unos formatos y lenguaje visual propios; hay que entender cómo crear para comunidades. De esto viene que sean muchas las compañias que tienen fé en ULTBIT para su diseño en comunidades. La vivencia es algo que se valora bastante en el diseño, igual que en otros sectores expertos. En esto de las redes, no todo vale. En el final, es un canal más donde comunicar tus valores como compañía, de esta forma como una manera de llevar a cabo branding. Bastante se habla de la utilidad de las comunidades para compañias y cómo se engloba en el marketing en línea. De lo que no existe duda es que un negocio con perfiles libres y funcionales vende y conecta mejor que otro sin ellos. Pero bueno, tú has venido aquí a que te contemos cómo crear para comunidades, ¿no? ¡Pues manos a la obra!

 

DISEÑAR EN REDES SOCIALES: CÓMO SE HACE + EJEMPLOS REALES

Dentro de básicamente algún estrategia de marketing en línea viene incluida la administración e utilización de redes. El fundamento es sencillo: todo el planeta está ahí. ¿Quieres un público joven o tu producto es visual? Instagram es tu sitio. ¿Te diriges a sectores expertos o vendes un servicio B2B? Prueba con LinkedIn. De esta forma hasta el infinito. Es evidente, lo primero es detectar a tu audiencia. ¿Quién va a estar dispuesto a escuchar mejor tus ideas? De esto viene que lo primero que hay que hacer sea…

 

Localiza a tu público objetivo o target

Ve a donde está tu audiencia. De nada te vale tener un perfil profesional en Pinterest, entre otras cosas, cuando eres un abogado laboralista. Una vez poseas una proximidad de dónde está tu público y cómo se comunica (importante), has de plantear un plan y un diseño que se ajuste. El contenido visual ha de ser coherente con el target. Por citar un caso de muestra, sería poco aconsejable poner emojis o acrónimos típicos de chats (Lol, Wtf…) en un aviso de comunidades dirigido a consultores de compliance. Hay que entender ajustarse, y el diseño gráfico está a las órdenes del público, en alguna medida. Pongamos entre otras cosas esta animación que hicimos para las comunidades de Citio, una compañía de administración de hospedajes vacacionales en Madrid. El propósito era tener cierto engagement con un perfil de inversor muy profesionalizado y metido en el planeta de la originalidad.

 

Ten orden en los elementos visuales y control en el peso

El peso es, en diseño gráfico, la carga de texto o foto que tiene cierto elemento. Si, entre otras cosas, tienes una foto donde en la izquierda están todos los elementos y a la derecha solo hay que un fondo, se sabe que el peso de la imagen carga a la izquierda. Una de las partes escenciales del diseño, y del conocimiento del diseñador, recae en entender cómo ordenar los elementos visuales y repartir ese peso por la imagen ⚖. Frecuentemente, como debes haber visto seguro, los más amateurs en el asunto sobrecargan de información sus publicaciones en comunidades. Meter tablas, promociones, dirección, teléfono, etc. puede estar realmente bien para un perfil en Yelp, pero no en una foto en comunidades. Ahí más que en cualquier momento, menos es más y una imagen vale más que mil expresiones. En la era Instagram, donde nos encontramos en este preciso momento, lo que importa es la foto . Si esta es entretenida, llamativa, transmite confianza… importará más que si tienes una tabla de costos muy competente.

 

Aprovecha eventos y celebraciones de forma creativa

El planeta de las comunidades y el marketing digital es emocionante. Tanto es por eso hay auténticos calendarios llenos de notas con días, semanas y ciclos indispensables dentro del mismo año. Todo para crear engagement con tus públicos objetivos. Por esta razón, en ULTBIT aprovechamos estos días para prestar a nuestros usuarios algo bastante más de lo recurrente, adaptándonos al todo el tiempo de su área y negocio.

 

Crea animaciones combinando ilustración y fotos reales

El diseño gráfico en comunidades debe ser resultón. Oséa, tienes que publicar una iniciativa que, como poco, sea algo visual y llame la atención al usuario. El resto es lo de menos, más que nada si estamos hablando de un mundo en el que la toma de elecciones se toma en unos cuantos segundos. ¿Lo veo o no lo veo? Aquí hay la cuestión. Por esta razón, hay que suponer en diseños atractivos y a los que el usuario preste atención. Uno de los procedimientos más efectivos es el de fusionar imágenes reales con animaciones dibujadas.

 

El ingenio, principal aliado para el diseño gráfico para redes sociales

No te vamos a engañar: solo plantear los bocetos e ideas de las publicaciones transporta tiempo y alguna proporción de esfuerzo por nuestro conjunto creativo. Hacemos una pausa no para ponernos una medalla sino para remarcar la consideración de la imaginación en el diseño. La filosofía ULTBIT no encaja con el “producido en masa”. Oséa, todo lo que hacemos lo pensamos bien para que sea lo verdaderamente correcto para cliente y usuario. Y por ello además pasa el diseño gráfico en comunidades. ¡Creatividad al poder!

 

Adáptate a los distintos formatos

Cada comunidad tiene su propia idiosincrasia en varios temas. Target, lenguajes… y, desde luego, formatos de imágenes. Es más, inclusive una propia comunidad tiene la posibilidad de tener bastante más de un formato. Esto sucede con Instagram, donde poseemos por un lado las publicaciones normales, de 1080 x 1080 píxeles y las Stories, en 1080 x 1920 px. Y lo peor: que todos los días cambian algo. Vaya lío, ¿verdad? Un poco sí, pero qué le vamos a llevar a cabo. Debemos adscribirnos a sus reglas del juego para utilizar su tablero. Desde luego, en el conjunto de ULTBIT poseemos siempre en cabeza que la adaptabilidad pertenece a nuestro negocio. Y en el diseño gráfico para comunidades, muchísimo más. Uno de los formatos más exigidos para los negocios B2B que gestionamos es el de LinkedIn. Esta comunidad profesional ajusta las fotografías a un tamaño muy preciso, de 1200 x 738 px. Oséa, muchísimo más horizontal que en Facebook o Instagram. Por esta razón, hay que ajustarse a ellas.

 

Te puede interesar:

13 Consejos para el buen diseño de logotipos