Creación Web

Retina Ready explicado para bloggers

Retina Ready Wordpress
Escrito por Víctor Campuzano
© ra2 studio - Fotolia.com

Hoy hablamos de qué son las pantallas de retina y cómo podemos adaptar nuestro blog para que aprovechen todo su potencial, ofreciendo una grata experiencia de usuario.

¡Hola caracola! Mae mía, miércoles ya y yo sin responder los comentarios. Ea, pos va a tocar correr! Pero no te preocupes que llego ¿eh? Prometido!

Y, como me gusta a mi empezar …. ¿qué tal lo llevas? Y puedes responder sinceramente, que no sea todo esto en plan “académico”. Algo de Coffee Break ¿no?

Bueno venga, que suena la campana… Hoy, a petición de varios lectores en el post sobre aspectos imprescindibles en todo tema de WordPress, quiero hablarte sobre el Retina Ready, más en detalle y enfocado, por supuesto, para bloggers. ¿Te mola la idea? ¿Te quedas? Yujuu!

¿Qué significa Retina Ready?

La primera vez que leí lo de Retina Ready fue en Themeforest, buscando temas para un cliente. Fue entonces cuando investigué para comprender qué significaba esto.

Desde hace bastante tiempo, las pantallas estándar soportan una resolución de 72 píxeles por pulgada. Un píxel es la unidad mínima de la pantalla y se colorea con un color. La combinación de todos los píxeles de una pantalla, cada cual pintado de un color, generan una imagen. Hasta aquí bien, ¿verdad?

Bueno, pues con el tema de los móviles y de las tabletas, surgió la necesidad de mostrar imágenes más nítidas en menos espacio, con lo que se incrementó el número de píxeles por pulgada al doble. Apple fue la primera en hacerlo y lo definió pantallas de retina.

En lo que a nosotros respecta, deberás saber que esto provocó un efecto “mu chungo pa que me entiendas”: aquellos que compraban dispositivos con pantalla de retina veían borrosos los textos y las imágenes de muchos sitios web mientras que, los “más pobres”, disfrutaban de una navegación nítida.

Menuda faena, ¿verdad?. Aunque esto fue corregido, la contra es que los de “retina” no sacaban el partido de su pantalla cuando navegaban por internet porque los diseños responsive adaptaban “el layout” pero no la resolución de las imágenes.

Ea, toma ya la historia que me he currado! Pues bien, dicho esto: un tema Retina Ready es aquel que servirá imágenes con el doble de resolución cuando detecte que se accede desde un dispositivo con Pantalla de retina. Asín de simple…

¿Dónde localizar Themes Retina Ready para WordPress?

Anda que no me he currado yo un bloque pal post de la nada. ¿Dónde? Pos en Google. Amos, que lo mejor es hacer una búsqueda con este término: “best retina ready WordPress Themes” y disfrutar de la navegación…

Peeero, así como pa rellenar, mira:

Ya ta, que luego me siento que le echo mucha geta al tema… jejejejeje

¿Y si mi tema no es Retina Ready y no quiero cambiarlo?

Pos tampoco pasa nada porque, una vez más, tenemos no uno sino un montón de plugins que nos van a solucionar este problema.

El que más me gusta a mi y mejor valorado es WP Retina 2x, que, además de insertar el código javascript para detectar la pantalla y servir una imagen u otra, lleva una opción para regenerar las imágenes que ya subimos. ¡Toda una joyita!

Fácil: lo instalas, configuras, generas las imágenes (sólo la primera vez) y a disfrutar.

Conclusiones

No se si hace falta, pero me he propuesto llegar a las 600 palabras cachesenlamar que lo consigo fijo. Y punto.

¿Adaptar mi tema a las pantallas de retina o no adaptarlo? Pues eso depende de ti, tienes que valorar lo que te supone en tiempo de carga de tu sitio (por el plugin) y en tamaño de alojamiento (se duplica el número de imágenes en el servidor).

Yo, por ponerte un ejemplo, he visto a través de Google Analytics que un 10% de mis visitantes podría estar usando pantallas de retina. En esta caso, sólo si veo que no afecta para nada al otro 90 % lo implementaría.

Ya ta, no me “persiano más” que ya voy por las 700. Ahora dime tú. ¿Estás de acuerdo con mi definición? ¿Conocías el tema? ¿Ves interesante implementarlo en tu blog? ¿Por qué? ¿Crees que dormir es verdaderamente necesario o que está sobrevalorado? ¡Cuenta cuenta!

Acerca del autor

Víctor Campuzano

Growth Hacker no soy, pero lo vivo. De mi blog no vivo, pero aquí si que soy como soy. Marketing Digital, Creatividad y Blogging con pasión y desenfado. Alumno del Postgrado de Growth Hacking por IEBS.

Ahora es tu momento

*

14 comentarios

  • Veo interesante implementarlo en blogs que tengan que ver con estilo, diseño, publicidad… y en general, con aquellos en los que la imagen es un parte fundamental del blog.

    Para gente que está empezando como #Jerby y que trata de otros temas distintos a los mencionados, me parece que tenemos otras prioridades…

    • Un enfoque interesante #Jerby porque, aunque creo que la imagen es siempre un elemento muy importante en cualquier blog, también acepto que la prioridad puede ser otra.

      Un saludo!:)

  • Genial… sabía que me sacarías de dudas. Sin más: Gracias Victor. Y a seguirle sacando jugo a vcgs.net

  • ¡Hola Víctor!
    Muy interesante este tema la verdad. Justo ahora que he cambiado el diseño del blog podría haber mirado si el tema ya contaba con ello o no. Pero como comenta Jerby, parece que sea más importante para blogs muy visuales ¿no?
    Muchas gracias por la información, ¡un saludo!

    • HOla Noelia!!

      Primero, muchas gracias por el comentario, de verdad que son un gran aliciente para seguir blogueando!! 🙂

      En lo que comentas, efectivamente, puede resultar más interesante en blogs visuales. Aun así, ten en cuanta que casi todos los blogs suelen incluir una imagen por post para añadir impacto visual y decorarlos y aquí sería cuando se luciría el “Retina Ready”.

      Saludines y espero verte pronto por aquí! 🙂

  • Bueeeeeno, por fin puedo ponerme al dia!
    Vaya semanita que llevo!pero ya me estoy poniendo al día!
    A mi esto me parece genial para blogs y paginas de fotografía, tutoriales, diseño…pero, y no quiero ofender, para el tuyo….no me parece importante para nada
    Tus bazas buenas son otras, no las imágenes que pones!
    P.D. Puedes quitarme de tus estadísticas de tablet, mi ipad es viejo y no tiene pantalla de retina

    • Jejejejeje, bienvenida de nuevo Rebeca!!!

      Efectivamente, mis bazas pretenden ser otras y por eso no lo he instalado todavía, aunque no descarto hacerlo en un futuro y aprovecharme de las imágenes que puedo colocar…

      Un fuerte abrazo! 🙂

  • La verdad me acabo de enterar del tema y lo siento pero me resbala el asunto 😀 es la verdad, jooo si uno se pone a cambiar y adaptar cada cosa a un porcentaje tan pequeño de tus visitantes, el día de mañana ese 10% te exigirá tu primogénito sin darte cuenta, y yo la verdad, no estoy por la labor. Al menos de momento, tal vez en unos meses cuando ese 10% sea el 60% lo cambiaría o que yo misma no pueda ver bien las cosas jajjaja ahí lo cambio en el acto 😀

    Y dormir es más que necesario, es un placer, que yo disfruto de momento todos los días 😛

    • Jajajajajaja, directa y al grano, si señor!

      Me parece una postura acertada, aquí la elección es de cada uno. Y felicidades por disfrutar del placer de dormir (llegará el momento en que será un placer excaso … )

      Abrazos! 🙂

Uso de cookies

Esta web utiliza cookies propias y de terceros, como Google Analytics, para optimizar su navegación y realizar tareas de análisis y las pertenecientes a WordPress. Advierto que si continuas navegando, aceptas su uso. Puede cambiar la configuración, desactivarlas u obtener más información.

ACEPTAR
Aviso de cookies