Calcolatore di pixelatura
Un'immagine 1920 × 1080 divisa in blocchi da 16 pixel richiede 120 colonne per 68 righe, 8160 blocchi in tutto, e l'ultima riga è alta solo 8 pixel. Prepari la griglia della pixelatura prima di toccare qualsiasi colore. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Larghezza
- 1920
- Altezza
- 1080
- Dimensione del blocco
- 16
- Colonne
- 120
- Righe
- 68
- Totale blocchi
- 8160
- Larghezza del bordo destro
- 16
Il calcolatore di pixelatura converte larghezza e altezza di un'immagine, insieme alla dimensione del blocco quadrato, nella griglia esatta necessaria per l'effetto. Restituisce il numero di colonne e righe, il totale dei blocchi e le dimensioni dei blocchi parziali sui bordi destro e inferiore. È utile per progettare un filtro, creare un mosaico, stimare il lavoro o allineare un'anteprima all'implementazione. Il calcolo è deterministico e non richiede di caricare o decodificare alcuna immagine.
Trasformi le dimensioni in pixel in una griglia
Un effetto di pixelatura sostituisce gruppi di pixel sorgente vicini con un unico colore rappresentativo. Prima di elaborare i colori, l'implementazione deve sapere quanti gruppi entrano in larghezza e in altezza. Inserisca le dimensioni dell'immagine in pixel, quindi scelga la lunghezza del lato di ogni blocco quadrato.
Il calcolatore divide ciascuna dimensione per la misura del blocco e arrotonda per eccesso. L'arrotondamento è importante perché una dimensione non è sempre un multiplo esatto del valore scelto. Anche un piccolo resto sul lato destro richiede una colonna propria; ignorarlo lascerebbe una striscia non elaborata.
Lo strumento calcola solo la geometria: non legge i pixel, non campiona i colori, non ridimensiona file e non produce un'immagine trasformata.
Interpreti i blocchi parziali sui bordi
Quando entrambe le dimensioni sono divisibili esattamente per la misura del blocco, tutte le celle hanno dimensioni identiche. Le immagini reali, però, lasciano spesso un resto. L'ultima colonna può essere più stretta e l'ultima riga più bassa.
Se non c'è resto, il valore corrispondente equivale alla misura completa del blocco e non a zero, perché l'ultimo blocco è intero. Se c'è un resto, il valore indica esattamente quanti pixel sorgente rimangono. La griglia continua a usare la divisione arrotondata per eccesso, quindi ogni pixel appartiene a una sola cella.
Ciò è particolarmente utile per ritagliare rettangoli di campionamento, allocare buffer per mosaici o verificare che le regioni calcolate non superino mai i confini dell'immagine originale.
Scelga una dimensione valida e funzionale
Larghezza, altezza e dimensione del blocco devono essere numeri interi positivi, perché il calcolatore rappresenta pixel discreti. Il blocco deve inoltre rientrare in entrambe le dimensioni dell'immagine. Nell'intervallo valido, blocchi piccoli conservano più dettagli riconoscibili e creano più celle, mentre blocchi grandi producono un'astrazione più grossolana con meno celle.
Lei può confrontare diverse misure per bilanciare resa visiva e lavoro prima di eseguire un vero filtro. Nelle anteprime responsive, ripeta il calcolo quando cambiano le dimensioni o il blocco anziché scalare un conteggio precedente, poiché l'arrotondamento dei bordi può modificare righe o colonne. Nessun percorso carica pixel, dato che servono solo dimensioni numeriche.
Casi d'uso
Pianifichi un ciclo di pixelatura su canvas
Ottenga i limiti esatti di righe e colonne prima di campionare e dipingere aree quadrate di colore su un canvas.
Stimi il lavoro per un mosaico
Usi il totale dei blocchi per confrontare il carico generato da diverse dimensioni candidate.
Gestisca bordi non uniformi
Usi le misure dei bordi destro e inferiore per evitare di tagliare pixel o leggere oltre l'immagine.
Domande frequenti
Perché viene rifiutato un blocco più grande dell'immagine?
Il blocco quadrato deve rientrare in entrambe le dimensioni.
Quanti blocchi produce un'immagine 1920 × 1080 con blocchi da 16 pixel?
Produce 120 colonne per 68 righe, cioè 8160 blocchi. La larghezza si divide esattamente, ma 1080 non è multiplo di 16, quindi la riga in basso è alta solo 8 pixel.
Perché il calcolatore arrotonda per eccesso e non per difetto?
Perché la striscia sottile che avanza a destra o in basso ha bisogno anch'essa dei suoi blocchi. Arrotondare per difetto la lascerebbe non trattata; per eccesso, ogni pixel finisce in un solo blocco.
Che dimensione di blocco conviene scegliere?
I blocchi piccoli conservano più dettagli riconoscibili e creano più blocchi; quelli grandi danno un effetto più grezzo e astratto con meno blocchi. Provi diverse misure e confronti i risultati prima di applicare il filtro vero.
Lo strumento pixela la mia foto?
No. Calcola soltanto la geometria della griglia a partire da larghezza, altezza e misura del blocco. Non apre mai l'immagine, non legge colori e non crea un nuovo documento, quindi gli stessi numeri danno sempre la stessa griglia.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo 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)Esempio di richiesta
{
"width": 1920,
"height": 1080,
"block_size": 16
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.pixelate",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_mb | 15 |
max_megapixels | 12 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Trasformi le dimensioni in pixel in una griglia
I risultati relativi a colonne e righe descrivono la griglia completa, mentre total_blocks è il loro prodotto. Questi valori sono adatti come limiti dei cicli, per pianificare un canvas, stimare il carico, preparare test o creare anteprime.
Interpreti i blocchi parziali sui bordi
I risultati right_edge_width e bottom_edge_height rendono esplicite queste condizioni al contorno. Questa convenzione semplifica il codice di rendering: le celle comuni usano block_size, mentre colonna e riga finali adottano le misure restituite.
Scelga una dimensione valida e funzionale
Un quadrato più grande di uno dei lati non può formare la griglia richiesta; pertanto, quell'input restituisce invalid_input invece di un risultato ambiguo. La versione nel browser opera localmente; ogni richiesta API automatizzata costa $0.002.
Domande tecniche
Come vengono calcolate colonne e righe?
Ogni dimensione viene divisa per block_size e arrotondata per eccesso, includendo i blocchi parziali sui bordi destro e inferiore.
Che cosa accade quando la divisione è esatta?
Le misure dei bordi equivalgono a block_size perché l'ultima colonna e l'ultima riga contengono blocchi interi.
Lo strumento modifica o carica la mia immagine?
No. Riceve soltanto width, height e block_size e calcola la geometria senza leggere alcun file immagine.
Quanto costa una richiesta API?
Ogni richiesta API costa $0.002. Lo stesso calcolo deterministico è disponibile gratuitamente nel browser.