PixelHub Strumenti immagine veloci, senza registrazione né limiti di caricamento

Quale Strumento per Immagini Ti Serve?

PixelHub riunisce 10 strumenti per immagini indipendenti invece di un unico editor che fa tutto, distribuiti in cinque categorie. La maggior parte di queste categorie è piccola — da uno a tre strumenti ciascuna — quindi invece di una guida sottile per ogni categoria, questa unica pagina collega ogni strumento alla situazione che risolve davvero, per poi passare a uno scenario reale che ne mette in fila diversi.

Ridimensiona e Ritaglia

Converti

Generatori

Creativo

Analizza

Scenario pratico: preparare le immagini per il lancio di un sito

Lanciare anche un sito piccolo di solito significa usare in sequenza diversi di questi strumenti, non uno solo:

  1. Passa prima le tue foto originali nel Visualizzatore EXIF, prima di ogni altra cosa — controlla se contengono dati di posizione GPS incorporati che preferiresti non pubblicare. Se ci sono, convertire o ridimensionare l'immagine (passaggi successivi) li elimina come effetto collaterale, perché nessuno dei due strumenti conserva i dati EXIF.
  2. Usa il Ridimensionatore di Immagini per portare la tua foto principale a dimensioni adatte al web — non ha senso pubblicare una foto da fotocamera larga 4000 px se la pagina la mostra solo a 1600 px.
  3. Passa la foto ridimensionata nel Convertitore di Formato Immagine per salvarla in WebP invece di un pesante PNG — di solito riduce parecchio la dimensione del file mantenendo la stessa qualità visiva, il che incide direttamente sulla velocità di caricamento della pagina.
  4. Usa il Generatore di Favicon per trasformare il tuo logo in una serie completa di dimensioni favicon, più lo snippet HTML da inserire direttamente nell' <head> del tuo sito.
  5. Usa il Generatore di Sfumature CSS per progettare una sfumatura CSS per lo sfondo principale — quella parte della pagina non richiede alcun file immagine, il che la mantiene veloce.

Nessuno di questi passaggi dipende dal completamento degli altri in un ordine specifico, tranne il controllo EXIF, che conviene fare per primo semplicemente per sapere da cosa si parte.

Tutti gli strumenti per immagini

Domande frequenti

Qual è la differenza tra il Ridimensionatore di Immagini e Ritaglia Immagini?

Cambiano cose diverse. Il ridimensionamento scala l'intera immagine verso l'alto o verso il basso — a pixel esatti o a una percentuale — mantenendo visibile tutto il contenuto originale. Il ritaglio, invece, elimina del tutto delle parti dell'immagine, cambiandone l'inquadratura o il rapporto d'aspetto invece della scala. Sono operazioni davvero diverse, spesso usate insieme: prima ritaglia per sistemare l'inquadratura o il rapporto, poi ridimensiona il risultato alle dimensioni esatte che ti servono — oppure il contrario, a seconda di quale vincolo conta di più nel tuo caso.

Devo usare la Calcolatrice di Proporzioni prima o dopo aver ritagliato?

Prima. La Calcolatrice di Proporzioni ti dice le dimensioni target per un dato rapporto — come 16:9 o 4:3 — prima ancora di toccare l'immagine, così sai esattamente a cosa ritagliare. Ritagliare prima e sperare che i conti tornino di solito significa provare un riquadro a caso, controllare il risultato e rifarlo. Calcolare prima le dimensioni target trasforma il ritaglio in un unico passaggio preciso invece che in un tentativo dopo l'altro.

Convertire un'immagine in Base64 è la stessa cosa che convertirne il formato?

No — risolvono problemi diversi. La conversione di formato (il Convertitore di Formato Immagine) cambia la codifica vera e propria dell'immagine, ad esempio da PNG a WebP, il che ne cambia la compressione e spesso la dimensione. Da Immagine a Base64 si limita a ricodificare come stringa di testo i byte dell'immagine che hai già, così puoi incorporarla direttamente in HTML, CSS o JSON. Il formato dell'immagine sottostante resta invariato; cambia solo la sua rappresentazione come testo. Se vuoi un file più piccolo, converti prima il formato — la codifica Base64, per come è fatta, rende i dati più grandi, non più piccoli.

Il Visualizzatore EXIF rimuove i metadati che mostra, o si limita a visualizzarli?

Si limita a visualizzarli — il Visualizzatore EXIF è di sola lettura per progettazione e non modifica né rimuove nulla dal tuo file. Su questo sito non esiste uno strumento dedicato a "rimuovere i metadati". Detto questo, dato che ogni strumento qui elabora le immagini tramite la Canvas API del browser, far passare una foto nel Convertitore di Formato Immagine o nel Ridimensionatore di Immagini la ricodifica da zero, e l'output del canvas non porta con sé i dati EXIF — quindi convertire o ridimensionare una foto ha come effetto pratico quello di rimuoverne i metadati, inclusa la posizione GPS, anche se non è lo scopo dichiarato di nessuno dei due strumenti. Se ti serve confermare in modo specifico che i metadati sono spariti, controlla il risultato dopo nel Visualizzatore EXIF.

Il Selettore Colore Immagine e il Generatore di Sfumature CSS fanno la stessa cosa?

No, sono complementari, non sovrapposti. Il Selettore Colore legge un colore esatto da un'immagine esistente — fai clic su un pixel e ottieni i suoi valori HEX, RGB e HSL. Il Generatore di Sfumature costruisce da zero una nuova sfumatura CSS lineare o radiale combinando i colori che scegli tu. Una combinazione comune: prendi un paio di colori da una foto con il Selettore Colore, poi usa quei codici esadecimali esatti nel Generatore di Sfumature per costruire uno sfondo sfumato che ci si abbini.

Perché usare il Generatore di Favicon invece di ridimensionare da solo il mio logo a 32×32?

Perché una favicon vera e propria richiede più di una dimensione. Browser, schermate home di iOS e manifest PWA si aspettano ciascuno una dimensione in pixel diversa — il Generatore di Favicon produce tutte e sei le dimensioni standard (da 16×16 fino a 512×512) a partire da un solo caricamento, più uno snippet HTML pronto da incollare con i tag corretti per ciascuna. Farlo a mano con il Ridimensionatore di Immagini significherebbe ridimensionare la stessa immagine sei volte separate e scrivere da soli i tag link.