ForHosting KIT · Immagini e foto

Calcolatore dell’area di rispetto del logo

L’area di rispetto protegge il logo da testi, immagini, bordi e margini di pagina troppo vicini.

● BetaGratis · nel tuo browser

Usalo da WebAPIEmailTelegramApp presto

Questo calcolatore trasforma una regola come «lasciare 1.5 volte l’altezza della x attorno al logo» in una distanza minima precisa. Inserisca l’altezza visualizzata del logo, l’altezza misurata dell’elemento di riferimento e il multiplo richiesto. Il risultato mantiene l’unità selezionata, indica lo spazio necessario su ogni lato e calcola l’altezza protetta complessiva aggiungendo tale spazio sopra e sotto.

Misuri logo e riferimento alla stessa scala

Parta dal logo nelle dimensioni esatte previste per il progetto. Ne misuri l’altezza e poi, senza ridimensionare separatamente la grafica, misuri l’elemento indicato nelle linee guida del marchio. Il riferimento può essere l’altezza di una x minuscola, quella di una maiuscola, il diametro del simbolo o un altro dettaglio dell’opera. Entrambi i valori devono usare la stessa unità. I pixel sono pratici per gli schermi; l’unità generica consente di lavorare in millimetri o punti per la stampa. Il calcolatore non converte le unità, perché una conversione potrebbe nascondere una scala incoerente: conserva quella scelta da Lei. Se il logo è alto 120 pixel e la x misura 24 pixel, inserisca direttamente questi valori. Quando possibile utilizzi il file vettoriale originale o un’esportazione nitida. Un’anteprima sfocata, una schermata deformata o un file con margini trasparenti può produrre una misura non rappresentativa del marchio visibile.

Applichi correttamente il multiplo di rispetto

Il multiplo indica quante altezze dell’elemento di riferimento devono restare libere intorno al logo. Una regola 1x richiede uno spazio pari a un’altezza di riferimento; 1.5x la moltiplica per 1.5 e 2x la raddoppia. Inserisca soltanto il numero: il calcolatore esegue il prodotto e restituisce il minimo per un lato. In genere la stessa distanza vale sopra, sotto, a sinistra e a destra, salvo istruzioni esplicite diverse. L’altezza protetta aggiunge due volte lo spazio all’altezza del logo, una sopra e una sotto. È utile per verificare se banner, schede o barre di navigazione siano abbastanza alti. La percentuale di riferimento è un controllo diagnostico: mostra quanto l’elemento incide sull’altezza del logo e può rivelare misure raccolte a scale differenti. Se il manuale del marchio prescrive un metodo diverso, segua sempre quella norma specifica.

Utilizzi il risultato nei layout e nelle consegne

Consideri lo spazio minimo una zona di esclusione, non un margine estetico facoltativo. Testi, illustrazioni, fotografie, linee, bordi di taglio e controlli interattivi non devono entrarvi. Nel programma di grafica crei guide o una cornice invisibile distanziata del valore calcolato sui quattro lati. Nei layout adattivi ripeta il calcolo ogni volta che il logo cambia dimensione, a meno che il riferimento non scali automaticamente insieme all’intera grafica. In CSS il valore può guidare padding e margini, ma il contenitore può aggiungere altro spazio e il browser può generare pixel frazionari. Mantenga il decimale se il sistema lo supporta; se servono pixel interi, arrotondi verso l’alto, perché arrotondare verso il basso violerebbe il minimo. Registri altezza, riferimento, multiplo, unità e risultato affinché il team possa riprodurre la decisione. L’automazione tramite API costa $0.002 per richiesta; il browser è adatto ai controlli singoli.

Casi d'uso

Dimensionare l’intestazione di un sito

Converta la regola basata sull’altezza della x in uno spazio preciso prima di impostare la navigazione.

Preparare un elaborato per la stampa

Calcoli la zona di esclusione in un’unità comune e tenga lontani testo e segni di taglio.

Verificare i modelli grafici

Produca valori ripetibili per loghi di varie dimensioni in presentazioni, social media e documenti.

Domande frequenti

Che cos’è l’area di rispetto di un logo?

È lo spazio vuoto minimo attorno al marchio, necessario perché altri elementi non lo affollino o nascondano.

Quale elemento devo usare come riferimento?

Usi quello indicato nel manuale, come l’altezza della x, una lettera maiuscola o una parte del simbolo.

Lo spazio vale per tutti i lati?

Il calcolo restituisce il minimo per un lato. Lo applichi a tutti e quattro salvo regole asimmetriche.

Posso usare misure diverse dai pixel?

Sì. Selezioni l’unità generica e inserisca ogni misura nella stessa unità; non viene applicata alcuna conversione.

Devo arrotondare un risultato con pixel frazionari?

Mantenga il decimale se possibile. Se occorrono interi, arrotondi verso l’alto per non scendere sotto il minimo.

Quanto costa l’API?

L’API costa $0.002 per richiesta. Può anche eseguire controlli singoli direttamente nel browser.

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

POSThttps://api.kit.forhosting.com/image/logo-clear-space-calc

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/logo-clear-space-calc \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}'

const res = await fetch("https://api.kit.forhosting.com/image/logo-clear-space-calc", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "logo_height": 120,
    "reference_element_height": 24,
    "clear_space_multiple": 1.5
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/logo-clear-space-calc",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "logo_height": 120,
    "reference_element_height": 24,
    "clear_space_multiple": 1.5
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/logo-clear-space-calc", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"logo_height":120,"reference_element_height":24,"clear_space_multiple":1.5}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/logo-clear-space-calc", 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

{
  "logo_height": 120,
  "reference_element_height": 24,
  "clear_space_multiple": 1.5
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.logo_clear_space_calc",
  "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

per richiesta$0.002

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.

Leggi la documentazione completa del KIT →