Genera marcadores de posición BlurHash en el Mac
Crea cadenas BlurHash, miniaturas desenfocadas diminutas y colores medios para mostrarlos mientras las imágenes se cargan de forma diferida.
Generador de marcadores de posición en un Mac
Capturas de pantalla de la app, con archivos de ejemplo.
Cómo usar Generador de marcadores de posición
- 1
Arrastra tus imágenes
Añade las imágenes que tu sitio web o app cargará de forma diferida, una o muchas.
- 2
Elige el nivel de detalle
4 × 3 va bien con la mayoría de las imágenes. Más detalle da un desenfoque más fiel pero una cadena más larga.
- 3
Elige los extras
Activa la miniatura Base64 diminuta y el color medio si los quieres además del BlurHash.
- 4
Haz clic en Generar
Cada valor aparece en la app y se guarda como Placeholders.txt, con una vista previa de cada BlurHash decodificado, en una carpeta con fecha en Descargas › OneMacTools.
- 5
Guarda los valores junto con tus imágenes
Guarda cada cadena junto a la dirección de la imagen en tu base de datos o archivos de contenido, y muéstrala mientras se carga la imagen real.
Qué hace Generador de marcadores de posición
Para cada imagen, obtén una cadena BlurHash (con el nivel de detalle que elijas), una miniatura diminuta en Base64 y el color medio, listos para guardar junto a la dirección de la imagen y mostrar mientras carga la imagen real. Junto a ellos se guarda una vista previa de cada BlurHash decodificado.
Ideal para
- Carga diferida de imágenes en una app web o móvil
- Evitar huecos vacíos mientras cargan las fotos
- Elige un color de fondo para cada imagen
Opciones explicadas
- Detalle de BlurHash
- 4 × 3 (recomendado), 3 × 3, 5 × 4, 6 × 4 o 9 × 9. El número de componentes de color en horizontal y en vertical. Los valores más altos captan más la forma de la imagen; 4 × 3 da una cadena de 28 caracteres.
- Miniatura desenfocada diminuta (Base64)
- Activado por omisión. Un JPEG diminuto, de 16 px como máximo en su lado más largo, como data URI que puedes poner directamente en una etiqueta <img> o en CSS y estirar con un desenfoque.
- Color medio
- Activado por omisión. Un color hexadecimal por imagen, calculado como la media de toda la imagen, para mostrar un fondo liso mientras carga.
Buenas prácticas
- Ajusta el nivel de detalle a la forma de la imagen: 4 × 3 o 5 × 4 para fotos horizontales, 3 × 3 para cuadradas o verticales.
- Usa el color medio como fondo del contenedor de la imagen; es el marcador de posición más ligero y no necesita decodificación.
- Ajusta el ancho y el alto del recuadro de la imagen a los de la imagen real, para que la página no salte al cargarse.
- Mira las vistas previas guardadas para ver lo que verá realmente la gente antes de elegir un nivel de detalle.
- Vuelve a generar el marcador cada vez que sustituyas una imagen, o el desenfoque no coincidirá.
Funciona con
- En
- JPEG, PNG, HEIC, WebP y otras imágenes que tu Mac pueda abrir.
- Salida
- Placeholders.txt con el BlurHash de cada imagen, el data URI de la miniatura opcional y el color, más una vista previa PNG de 400 px de ancho de cada BlurHash decodificado.
- Los valores también se muestran en la app, listos para copiar.
Preguntas sobre Generador de marcadores de posición
¿Qué es un BlurHash?
Una cadena de texto corta que codifica una versión desenfocada de una imagen. Tu app la decodifica en un marcador de posición suave y colorido mientras se descarga la imagen real.
¿Cómo genero un BlurHash para mis imágenes?
Arrástralas a Generador de marcadores de posición y haz clic en Generar. Cada imagen recibe una cadena BlurHash en la app y en Placeholders.txt.
¿Qué Detalle de BlurHash debo usar?
4 × 3 es un buen valor predeterminado y da una cadena de 28 caracteres. Usa más componentes para captar más forma, a cambio de una cadena más larga.
¿Debo usar un BlurHash o una miniatura diminuta?
Un BlurHash es corto y necesita un pequeño decodificador en tu app. La miniatura diminuta es una URI de datos que los navegadores muestran directamente, pero es una cadena más larga. Puedes generar ambas y elegir.
¿Cómo uso el color medio?
Úsalo como color de fondo del contenedor de la imagen. Aparece al instante y coincide con el tono general de la imagen.
¿Para qué añadir marcadores de posición?
Evitan recuadros vacíos y saltos de diseño mientras cargan las imágenes, lo que hace que las páginas y las apps parezcan más rápidas.
¿Generador de marcadores de posición sube mis archivos?
No. Generador de marcadores de posición funciona por completo en tu Mac, así que tus archivos nunca salen de él y funciona sin conexión.
¿Generador de marcadores de posición modificará mis archivos originales?
No. Los resultados se guardan como archivos nuevos en una carpeta con fecha en Descargas › OneMacTools, y tus originales se quedan exactamente como estaban, salvo que actives una opción que diga lo contrario.
¿Qué necesita Generador de marcadores de posición?
Solo un Mac con macOS 26 o posterior. No hay que instalar nada más.
Haz esto a continuación
Crea imágenes WebP ligeras y listas para la web, con o sin pérdida, conservando la transparencia.
Comprimir imágenesReduce fotos para correo y web, con una vista previa del antes y el después en directo.
Herramientas de Imágenes relacionadas
Convierte entre PNG, JPEG, HEIC, AVIF y TIFF. Lee WebP, RAW y más.
Redimensionar imágenesRedimensiona por el lado más largo, píxeles exactos, porcentaje o tamaño de impresión en cm, mm o pulgadas con los PPP que necesites.
Recortar imágenesRecorta a una proporción o a una zona exacta, o quita automáticamente los bordes lisos: una foto o una carpeta entera.
Girar y voltear imágenesGira o voltea fotos de una vez.
Embellecer capturasColoca capturas de pantalla sobre un degradado con relleno, esquinas redondeadas y una sombra suave.
Marca de agua en imágenesAñade tu nombre, un aviso © o tu logotipo a las fotos: en una esquina o en mosaico por toda la imagen.
Generador de marcadores de posición y 150 más.
Una app. Un precio.
Las 151 herramientas. Descarga gratuita, un único pago por la licencia, y es tuya para siempre.