Cargando...
Cargando...
Un creador de memes y collages gratuito en el navegador con capas reales. Pega capturas de pantalla directamente desde el portapapeles, arrastra y redimensiona cada una, recorta hasta la parte que deseas y apila los clásicos textos de memes encima. Exporta a PNG, JPEG o WebP — nada sale de tu dispositivo.
Este es un creador de memes enfocado, solo para navegador, con capas reales: la pieza que falta entre un editor de una sola imagen y una herramienta de diseño completa. Arrastra o pega cualquier número de imágenes (Ctrl+V funciona para capturas de pantalla), y cada una se convierte en su propia capa que puedes mover, redimensionar, recortar, reordenar, ocultar o eliminar. Apila tantas capas de texto como desees con fuente, tamaño, relleno, contorno y alineación ajustables: los valores predeterminados coinciden con el clásico estilo de subtítulo de meme Impact. Todo el lienzo se renderiza a una sola imagen compuesta que puedes exportar como PNG (con transparencia opcional), JPEG o WebP. Todo se hace en la API de Canvas en tu navegador, por lo que nada —ni captura de pantalla, ni borrador, ni imagen final— se sube a un servidor.
Elige un preset (cuadrado, retrato, historia o ancho) o ingresa un ancho y alto personalizados. Cuadrado 1080 es un valor predeterminado seguro para publicaciones; historia es adecuado para reels y historias verticales.
Haz clic en Agregar imagen para subir, arrastra archivos a la página o pega una captura de pantalla directamente desde el portapapeles con Ctrl+V (Cmd+V en Mac). Cada imagen se convierte en su propia capa.
Haz clic en una capa para seleccionarla, luego arrastra para mover. Usa los controladores de esquina para redimensionar: las capas de imagen preservan su relación de aspecto para que no se aplasten.
Con una capa de imagen seleccionada, haz clic en Recortar capa, arrastra un rectángulo dentro de la capa y Aplicar. El recorte es destructivo, pero siempre puedes Borrar todo para empezar de nuevo.
Haz clic en Agregar texto: el predeterminado es negrita mayúscula Impact en blanco con un contorno negro, el aspecto clásico del meme. Edita el texto, arrástralo a su lugar y ajusta la fuente, tamaño y color en el panel de Propiedades.
Usa Adelante y Atrás para controlar qué capa está en la parte superior. Alterna el ícono de ojo para ocultar una capa sin eliminarla.
Elige PNG (mejor para transparencia o texto nítido), JPEG (el más pequeño para memes con muchas fotos) o WebP. Haz clic en Descargar composición: el resultado en resolución completa se genera localmente y se guarda en tu dispositivo.
1. Cada capa lleva posición (x, y), tamaño (ancho, alto), orden z y visibilidad. 2. Las capas de imagen contienen un ImageBitmap de createImageBitmap(file). 3. Las capas de texto contienen el texto más la fuente, tamaño, relleno, trazo y alineación. 4. En cada renderizado, el compositor recorre las capas de abajo hacia arriba y dibuja en un lienzo 2D. 5. Las capas de imagen utilizan ctx.drawImage(bitmap, x, y, w, h). 6. Las capas de texto utilizan ctx.fillText / ctx.strokeText con ajuste de palabras al ancho de la capa. 7. Recortar crea un nuevo ImageBitmap de una subregión de la fuente — el tamaño de visualización de la capa se reduce para coincidir. 8. Exportar llama a canvas.toBlob(format, quality) en el mismo lienzo que el usuario ha estado editando.
Un compositor en capas es solo una lista de operaciones de dibujo que se reproduce en cada renderizado. Debido a que los bitmaps de origen y las configuraciones de texto se mantienen, el lienzo es una proyección pura del estado — no hay edición destructiva hasta que el usuario aplica explícitamente un recorte o duplica una capa. La exportación a PNG preserva la transparencia y los bordes nítidos del texto; JPEG y WebP utilizan un control de calidad y producen archivos más pequeños a costa de algunos artefactos de compresión. Nada de esto requiere un servidor: las mismas APIs de Canvas que renderizan la vista del editor también producen el archivo exportado final.
Referencia: MDN — CanvasRenderingContext2D.drawImage()
| Objetivo | Cómo hacerlo |
|---|---|
Meme al estilo Classic Impact en una imagen | Añadir imagen, escalar para llenar el lienzo. Añadir texto — los valores predeterminados son Impact en mayúsculas, relleno blanco, trazo negro. Arrastrar el texto hacia la parte superior, duplicar para un pie de foto en la parte inferior. El estilo de texto predeterminado coincide con el aspecto clásico. |
Comparación de capturas de pantalla lado a lado | Configurar el lienzo a Ancho 1200×630. Pegar dos capturas de pantalla con Ctrl+V — se apilan como capas separadas. Arrastrar y redimensionar cada una para llenar su mitad del lienzo. Ideal para publicaciones de antes/después e informes de errores. |
Collage de capturas de pantalla en tres partes con pies de foto | Elegir Retrato. Pegar tres capturas de pantalla, redimensionar cada una para llenar un tercio de la altura del lienzo, luego añadir una pequeña capa de texto entre cada una como pie de foto. Usar Adelante / Atrás si un pie de foto queda cubierto. |
Recortar la barra de navegación de una captura de pantalla | Añadir la captura de pantalla como una capa. Hacer clic en Recortar capa y arrastrar un rectángulo alrededor solo del contenido que deseas. Aplicar — la capa se convierte en la región recortada. Recortar es destructivo — Borrar todo restablece el lienzo. |
Meme en formato historia con fondo transparente | Elegir preajuste Historia, marcar Transparente para el fondo, añadir tu recorte de personaje (pasarlo primero por el Eliminador de Fondo), luego añadir texto de pie de foto. Exportar como PNG para mantener la transparencia. |
Recorta el sujeto de cualquier foto con IA en el dispositivo — no se requiere carga.
Reduce archivos JPG, PNG o WebP en tu navegador con un control deslizante de calidad interactivo.
Ajusta, filtra, rota y recorta fotos en el navegador — sin subidas, sin marca de agua.
Convierte HEIC, JPG, PNG, WebP y más — hasta 25 archivos por lotes, todo en tu navegador.
Última actualización