Calculadora para pixelar imágenes
Una imagen de 1920 × 1080 dividida en bloques de 16 píxeles necesita 120 columnas por 68 filas, 8160 bloques en total, y su última fila mide solo 8 píxeles de alto. Planifique la cuadrícula del pixelado antes de tocar un solo color. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Ancho
- 1 920
- Altura
- 1 080
- Tamaño del bloque
- 16
- Columnas
- 120
- Filas
- 68
- Total de bloques
- 8 160
- Ancho del borde derecho
- 16
La calculadora para pixelar imágenes convierte el ancho y el alto de una imagen, junto con el tamaño del bloque cuadrado, en la cuadrícula exacta que requiere un efecto de pixelado. Indica el número de columnas y filas, el total de bloques y las dimensiones de los bloques parciales de los bordes derecho e inferior. Resulta útil para planificar filtros, crear mosaicos, estimar trabajo o hacer coincidir una vista previa con su implementación. El cálculo es determinista y no exige cargar ni decodificar ninguna imagen.
Convierta dimensiones en píxeles en una cuadrícula de bloques
Un efecto de pixelado sustituye grupos de píxeles de origen cercanos por un único color representativo. Antes de procesar colores, una implementación debe saber cuántos grupos caben a lo ancho y a lo alto de la imagen. Introduzca el ancho y el alto en píxeles y elija después la longitud del lado de cada bloque cuadrado.
La calculadora divide cada dimensión entre el tamaño del bloque y redondea hacia arriba. Este redondeo es indispensable cuando una dimensión no es múltiplo exacto del tamaño elegido. Incluso un resto estrecho en el borde derecho necesita su propia columna; descartarlo dejaría una franja sin procesar.
Puede usar estos valores como límites de bucles, para planificar un lienzo, estimar carga de trabajo, preparar pruebas o generar vistas previas. La herramienta solo calcula geometría: no lee datos, toma muestras de colores, redimensiona archivos ni produce una imagen transformada.
Interprete los bloques parciales de los bordes
Cuando ambas dimensiones se dividen exactamente entre el tamaño del bloque, todas las celdas tienen las mismas medidas. Sin embargo, los tamaños reales suelen dejar un resto. La última columna puede ser más estrecha y la última fila puede ser más baja.
Si no hay resto, el valor correspondiente equivale al tamaño completo del bloque, no a cero, porque el último bloque es normal. Si hay resto, el valor indica exactamente cuántos píxeles de origen quedan. La cuadrícula sigue aplicando división con redondeo hacia arriba, de modo que cada píxel pertenece a una única celda.
Es especialmente útil para recortar rectángulos de muestreo, reservar búferes de mosaicos o comprobar que las regiones calculadas nunca sobrepasen los límites de la imagen original.
Elija un tamaño de bloque válido y práctico
El ancho, el alto y el tamaño del bloque deben ser enteros positivos, pues la calculadora representa píxeles discretos. Además, el bloque debe caber dentro de ambas dimensiones. Dentro del intervalo válido, los bloques pequeños conservan más detalle reconocible y generan más celdas; los grandes producen una abstracción más gruesa con menos celdas.
Puede comparar varios tamaños para equilibrar el aspecto y el esfuerzo de procesamiento antes de aplicar un filtro real. En vistas previas adaptables, vuelva a calcular cada vez que cambien las dimensiones o el bloque, en lugar de escalar un recuento anterior, ya que el redondeo de los bordes puede alterar filas o columnas. Ninguna vía carga píxeles, porque solo requiere dimensiones numéricas.
Qué puede hacer con ella
Planifique un bucle de pixelado en lienzo
Obtenga límites exactos de filas y columnas antes de muestrear y pintar regiones cuadradas de color en un lienzo.
Estime el trabajo de un mosaico
Use el total de bloques para comparar el esfuerzo de procesamiento de varios tamaños candidatos.
Gestione bordes irregulares
Use las medidas de los bordes derecho e inferior para no recortar píxeles ni leer fuera de la imagen.
Preguntas frecuentes
¿Por qué se rechaza un bloque mayor que la imagen?
La capacidad exige que el bloque cuadrado quepa en ambas dimensiones.
¿Cuántos bloques salen de una imagen de 1920 × 1080 con bloques de 16 píxeles?
Salen 120 columnas por 68 filas, es decir, 8160 bloques. El ancho se divide exacto, pero 1080 no es múltiplo de 16, así que la fila inferior mide solo 8 píxeles de alto.
¿Por qué la calculadora redondea hacia arriba y no hacia abajo?
Porque la franja estrecha que sobra a la derecha o abajo también necesita sus propios bloques. Redondear hacia abajo dejaría esa franja sin procesar; hacia arriba, cada píxel queda en un solo bloque.
¿Qué tamaño de bloque conviene elegir?
Los bloques pequeños conservan más detalle reconocible y generan más bloques; los grandes dan un aspecto más tosco y abstracto con menos bloques. Pruebe varios tamaños y compare los resultados antes de aplicar el filtro real.
¿La herramienta pixela mi foto?
No. Solo calcula la geometría de la cuadrícula a partir del ancho, el alto y el tamaño del bloque. Nunca abre la imagen, no toma colores ni crea un archivo nuevo, así que los mismos números dan siempre la misma cuadrícula.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/image/pixelate \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"width":1920,"height":1080,"block_size":16}'const res = await fetch("https://api.kit.forhosting.com/image/pixelate", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"width": 1920,
"height": 1080,
"block_size": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/pixelate",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"width": 1920,
"height": 1080,
"block_size": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/pixelate", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"width":1920,"height":1080,"block_size":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"width":1920,"height":1080,"block_size":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/pixelate", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"width": 1920,
"height": 1080,
"block_size": 16
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.pixelate",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_mb | 15 |
max_megapixels | 12 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
Convierta dimensiones en píxeles en una cuadrícula de bloques
Los resultados de columnas y filas describen la cuadrícula completa, mientras que total_blocks es su producto.
Interprete los bloques parciales de los bordes
Los resultados right_edge_width y bottom_edge_height muestran de forma explícita esas condiciones de contorno. Esta convención simplifica el código de renderizado: las celdas ordinarias usan block_size y la columna y fila finales emplean las medidas informadas.
Elija un tamaño de bloque válido y práctico
Un cuadrado mayor que cualquiera de los lados no puede formar la cuadrícula solicitada, por lo que esa entrada devuelve un error invalid_input en vez de un resultado ambiguo. La versión del navegador calcula localmente; las solicitudes automatizadas por API cuestan $0.002 cada una.
Preguntas técnicas
¿Cómo se calculan las columnas y las filas?
Cada dimensión se divide entre block_size y se redondea hacia arriba para incluir los bloques parciales de los bordes derecho e inferior.
¿Qué ocurre cuando las dimensiones se dividen exactamente?
Las medidas de los bordes equivalen a block_size porque la última columna y la última fila contienen bloques completos.
¿La herramienta modifica o carga mi imagen?
No. Solo recibe width, height y block_size y calcula la geometría sin leer ningún archivo de imagen.
¿Cuánto cuesta una solicitud por API?
Cada solicitud por API cuesta $0.002. El mismo cálculo determinista está disponible gratis en el navegador.