19 Ene

Código QR a Todo Color o con tu Logo

Cada vez son más los sitios web, anuncios y tarjetas de visitas que contienen un código QR que se puede leer con un smartphone o una tableta. Un código QR contiene información almacenada en una especie de código de barras de forma cuadrada. El único inconveniente que (hasta hoy) veía a los códigos QR es que eran feos, pues eran blanco y negro. Pero no desde que he descubierto una nueva herramienta con la que crear códigos QR de colores en los que incluso podemos añadir nuestro logo.

RedRadioypc

Generar el código QR

Antes de empezar es importante que sepas que necesitas tener instalado el Flash Player o la herramienta no te va a funcionar, pues está creada con esta tecnología.

Lo primero que tenemos que hacer es crear nuestro código QR. En la parte izquierda de la pantalla hemos de escoger el tipo de contenido que queremos insertar en el código QR (en el ejemplo de arriba he escogido la URL de RedRadioyPc). Una vez hecho esto le damos a “GENERATE”.

Generar código QR

Vemos en la parte izquierda que nos permite insertar distintos tipos de contenidos. En el ejemplo de arriba yo he utilizado la URL de CreativaSfera. Los códigos QR nos permiten incluso compartir las claves de acceso a Wifi desde teléfonos Android. Veamos las diferentes opciones.

Texto
Utiliza esta opción si lo que quieres compartir es un mensaje en forma de texto. Puedes utilizar como mucho 250 caracteres.

código qr con texto

URL
Sirve para compartir tu página web. Por ejemplo, en la publicidad de RedRadioyPc aparece el QR con la URL de esta web, porque el objetivo principal es dar a conocer la web.

código qr con url

Esta es la opción que usan los clientes de streaming de RedRadioyPc para general el QR que dirija a sus visitantes a escuchar su radio:

www.tequeradioycom canal romantico

Número de teléfono
Si quieres compartir sólo tu número de teléfono, entonces selecciona esta opción. Es una buena opción si lo que pretendes es que te llamen, pues simplemente con escanear el código QR podrán llamarte. No te olvides de poner el prefijo internacional delante.

código qr con teléfono

VCard
Esta opción está todavía en modo beta, por lo que es posible que no te funcione, lo digo porque yo lo he intentado y no me iba. En cualquier caso, en un futuro creo que será una gran opción, pues será la manera de compartir todos tus datos de contacto con sólo escanear el código QR. La única pega que yo le veo es que has de compartir todos los datos marcados con asterisco, pero por lo demás está muy bien.

código qr con tarjeta de presentación vcard

Acceso a Wifi
Esto a mí ya me parece la bomba, compartir las claves de acceso a wifi con un código QR. Vamos, no para poner en la tarjeta de visita, pero sí por si queremos compartir nuestro wifi con nuestros clientes o amigos. Los códigos QR generados con esta opción son solo funcionaran para teléfonos con sistema operativo Android. de hecho es de conocimiento general la incompatibilidad con muchas tecnologías avanzadas que presenta el sistema operativo Blackberry.

código qr con clave wi-fi

Personalizar el código QR

Una vez hemos introducido todos los datos de nuestro QR, pulsamos al botón “GENERATE” de la izquierda y veremos que en el panel central se crea nuestro código QR. A partir de aquí podemos empezar a personalizarlo con las opciones del panel de la derecha.

personalizar código qr

Estilo de las esquinas del código QR

La opción “Pixel roundness” nos permite decidir si queremos que las esquinas sean rectangulares o redondeadas, tal y como podemos ver en esta imagen:

personalizar código QR

Background
Para el fondo del código QR tenemos dos opciones: una, poner un color sólido o dos, utilizar una imagen. Nota: no todas las imágenes sirven, así que tendrás que probar que no te dé error. Puedes subir la imagen desde el equipo en el que estés trabajando o bien desde una URL:

personalizar código QR

Foreground
En el foreground o parte delantera es donde reside toda la fuerza de QRHacker. Aquí tienes 4 opciones:

  • Color sólido
  • Edición pixel a pixel
  • Foto
  • Subir logo

En el ejemplo de arriba he utilizado la edición pixel a pixel para el color. Simplemente escoges el color que quieres y empiezas a pintar. Si te equivocas, mantienes apretada la tecla Ctrl a la vez que pintas y esto funcionará como goma de borrar.

personalizar código QR

Nivel máximo de personalización

Esto es super importante y a mí me ha llevado perder bastante rato con códigos QR que luego no se escaneaban. Verás que debajo de tu código QR hay una barra que pone “Customization maximum BETA!”. Antes de empezar a editar el QR aparece en gris y como mucho tendrá la primera parte en azul:

personalizar código QR

A medida que vas editando los colores del código QR esta barra se irá llenando de colores y aquí es muy importante el no sobrepasar el límite marcado o en otro caso el código QR no funcionará. Se trata de una edición en beta, por lo que aún está en pruebas. Aquí puedes ver la barra de personalización al terminar de editar mi código:

personalizar código QR

Aquí puedes ver otro ejemplo:

personalizar código QR

Vale la pena crear ahora un código QR a todo color porque no me extrañará nada que en el momento que deje de ser beta se tenga que pagar por su uso.

Guardar el código QR

Una vez finalices de modificar tu código QR, lo puedes guardar pulsando en el botón del panel derecho de color verde que pone “SAVE QR”.
Te dará la opción de guardarlo en formato imagen o en formato pdf, simplemente selecciona la que más te interese y ya está. Si quieres guardar tu código QR tanto en formato imagen como en pdf, simplemente dale a guardar dos veces y ya está, pero deberás estar registrado.

personalizar código QR

En fin, puedes ya visitar http://www.qrhacker.com/ para comenzar a crear tus propios códigos y asegurate de probarlos en varios dispositivos antes de subirlos a tu página web; están también trabajando en una aplicación para android y allí puedes suscribirte a su lista de correo o solo está atento al twitter de @RedRadioyPc para enterarte de esta y otras novedades relacionadas a nuestras actividades.

Compartir