Generador de Códigos QR Personalizados con Logo y Colores
Añade tu logo y los colores de tu marca a un código QR que sigue escaneándose. Gratis, sin cuenta, sin marca de agua… y el logo se coloca en tu navegador, nunca se sube.
Qué hace que un código QR personalizado se escanee
Un código QR personalizado es un código QR con sus propios colores de código y de fondo y, opcionalmente, un logo en el centro; sigue escaneándose porque los colores mantienen contraste suficiente y la corrección de errores reconstruye los módulos que tapa el logo.
Pega tu enlace, abre las opciones de diseño y elige un color para el código, un color de fondo y un logo de tu dispositivo. La vista previa se actualiza sobre la marcha, y las dos descargas —el PNG de 1024 × 1024 px y el SVG vectorial— contienen exactamente lo que ves. Tu navegador lee el archivo del logo y lo dibuja en el código de forma local; nunca se envía a un servidor.
El generador también dice que no cuando un diseño no se escanearía. Los colores tienen que ser oscuro sobre claro con un contraste de al menos 4,5:1, y los códigos invertidos se rechazan. Con logo, el código pasa al nivel de corrección de errores más alto y el logo se limita a alrededor del 12 % del símbolo. Esos límites son la diferencia entre un código con tu marca y un cuadrado decorativo.
Cómo crear un código QR con logo
- 01
Pega el enlace
Usa la dirección más corta que lleve al sitio correcto. Un enlace corto da menos módulos y más grandes, lo que deja más espacio para el logo y más margen para el color.
- 02
Elige los colores
Escoge un color oscuro para el código y uno claro para el fondo. Si los dos se parecen demasiado en luminosidad, o están al revés, el generador te avisa en lugar de crear un código que falla.
- 03
Añade tu logo
Elige una imagen de tu dispositivo. Se centra sobre el código y se ajusta de tamaño para no salirse del margen de la corrección de errores. Un símbolo sencillo con un contorno sólido se lee mejor que uno lleno de detalles.
- 04
Descárgalo y pruébalo en varios teléfonos
Descarga el SVG para imprenta o el PNG para pantallas y escanéalo con dos o tres teléfonos distintos, al tamaño al que lo vas a imprimir, antes de mandar nada a la imprenta.
Las reglas que sigue el generador
Oscuro sobre claro, 4,5:1 o más
Las cámaras de los teléfonos leen la luminosidad, no el tono. Un azul marino o un verde bosque sobre blanco o crema funcionan; el amarillo, los pasteles y los grises medios, no. Por debajo de un contraste de 4,5:1, el generador rechaza la combinación.
Nada de códigos invertidos
Un dibujo claro sobre fondo oscuro llama la atención y falla en buena parte de los lectores. El color del código tiene que ser el más oscuro de los dos, así que los diseños invertidos no se ofrecen.
Logo de un 12 % del área, más o menos
Un logo tapa módulos, y la corrección de errores tiene que reconstruirlos. Limitarlo a alrededor del 12 % del símbolo deja margen para los roces, los reflejos y la impresión poco nítida que se dan en la vida real.
Corrección de errores H con logo
Sin logo, los códigos usan el nivel Q, o el M si el contenido es muy largo. Al añadir un logo, el código pasa al nivel H, que recupera alrededor del 30 % de sus palabras de código: el nivel pensado justo para esto.
Demasiado denso para un logo
Un contenido muy largo en nivel H produce un código de módulos diminutos, y ponerle un logo encima es jugársela. En ese caso el generador se niega y te pide un contenido más corto o quitar el logo.
La zona de silencio, despejada
Todos los códigos conservan un margen de cuatro módulos en el color de fondo. Al maquetar el diseño, no pegues a ese margen un marco de color ni una foto.
Dónde merece la pena un código con tu marca
- Envases y etiquetas de producto
- Expositores de mesa y cartas de restaurante
- Escaparates y carteles
- Tarjetas de presentación y papel con membrete
- Acreditaciones y señalización de eventos
- Folletos y catálogos
- Carteles de Wi-Fi en espacios de marca
- Diapositivas y plantillas de presentación
Un logo siempre cuesta algo de fiabilidad, incluso dentro de los límites. Para impresiones muy pequeñas —por debajo de unos 2 cm— o para códigos que se leen desde lejos, es más seguro un código sin logo con el logo impreso al lado.
Los códigos son estáticos: los colores, el logo y el destino quedan fijados en cuanto descargas el archivo. No hay ninguna cuenta en la que editar el diseño después; lo que se hace es crear un código nuevo.
El generador comprueba el contraste entre los dos colores que eliges. No puede ver el papel, la tinta ni el acabado: las tintas metalizadas, el brillo y los papeles texturizados pueden reducir el contraste al imprimir, así que escanea la prueba de impresión antes de la tirada.
Preguntas sobre esto
Sí. Abre las opciones de diseño, elige tu logo y se coloca en el centro del código. El código usa automáticamente el nivel de corrección de errores H, y el logo se limita a alrededor del 12 % del símbolo para que siga escaneándose.
No. Tu navegador lee la imagen y la dibuja en el código en tu dispositivo. Nunca se envía a un servidor ni se guarda, y al cerrar la pestaña se descarta.
Sí, siempre que el color del código sea más oscuro que el fondo, con un contraste de al menos 4,5:1. Las combinaciones por debajo de ese valor y los códigos invertidos, claros sobre oscuro, se rechazan porque muchos teléfonos no pueden leerlos.
Sí. Las dos descargas reflejan los colores y el logo que elegiste. Usa el SVG para imprenta, donde se mantiene nítido a cualquier tamaño, y el PNG de 1024 × 1024 px para documentos y pantallas.
Porque el contenido es demasiado largo. Los enlaces o textos largos producen un código denso con módulos muy pequeños, y tapar una parte con un logo deja demasiado poco para recuperar. Acorta el enlace o usa el código sin logo.
Sí. Las opciones de diseño funcionan con todos los tipos que crea el generador: enlaces, Wi-Fi, texto, email, teléfono y SMS. Cuanto más corto sea el contenido, más espacio queda para el logo.
Es gratis, sin cuenta, sin límite y sin marca de agua. El único logo que lleva el código es el que añades tú.