Dimensioni delle immagini per complimentarmi con il design del tuo blog - dummies

Per incorporare correttamente le immagini nel design del tuo blog, devi considerare tali restrizioni come il tempo di caricamento, le dimensioni delle colonne, il flusso di parole e gli elementi di progettazione. Hai bisogno di immagini per aggiungere appeal visivo, ma non vuoi che appaiano così grandi da coprire le informazioni che un visitatore sperava di trovare.

1Imposta le immagini per adattarle al design della colonna

Prima ancora di inserire immagini nel tuo post del blog, modifica le dimensioni dell'immagine nel tuo software di fotoritocco in modo che l'immagine si adatti alla colonna del tuo post del blog. Se la larghezza della colonna è di 600 pixel (px) ma l'immagine originale è di 800 px, l'immagine si allunga in un'altra colonna, come si vede qui.

Come soluzione, puoi ridimensionare le immagini di grandi dimensioni all'interno del post del tuo blog, ma influisci sul tempo di caricamento del blog perché hai ancora caricato la dimensione originale. Apporta solo piccole modifiche al tuo blog. Dovresti modificare le dimensioni delle immagini al di fuori del tuo blog utilizzando un software di fotoritocco.

Come punto di partenza, ridimensiona le foto alla larghezza del post del blog. Quindi ridimensionare secondo necessità, ad esempio per le foto orientate al ritratto. Ad esempio, se il lato più corto di una foto con orientamento verticale esegue l'intera larghezza del blog, la foto sarebbe gigantesca. Quindi ridimensiona sempre quelli.

Dall'altra parte dello spettro, i blogger spesso commettono l'errore di utilizzare immagini piccolissime nei loro post del blog, che diminuiscono il design generale del blog e riducono la capacità dell'immagine di fare una dichiarazione. I tuoi lettori vogliono davvero vedere le tue immagini, quindi rendili abbastanza grandi da vedere!

2Decidere se avvolgere il testo intorno alle immagini

Alcuni blogger preferiscono avvolgere il testo attorno alle loro immagini. Questo è utile se vuoi mostrare un'immagine più piccola come un headshot come parte di una biografia o un'icona che dovrebbe accompagnare un pezzo di testo. Se lo fai per le tue altre immagini è davvero solo una questione di preferenza.

Nella maggior parte delle piattaforme di blogging, il wrapping del testo implica semplicemente la selezione di uno stile di avvolgimento disponibile quando si inserisce un'immagine in un post. Tu (o il tuo designer) puoi regolare la quantità di spazio da usare tra il bordo dell'immagine e il testo apportando delle modifiche all'interno del tuo CSS (CSS).

3Don non racchiudere troppe immagini insieme

Evitare di avvolgere il testo intorno alle immagini in un modo che produce un effetto stridente. Ad esempio, quando due immagini in prossimità si avvolgono su lati diversi del post del blog, i contenuti possono essere limitati tra le immagini, rendendo difficile la lettura del tuo blog.

Tenere le immagini all'interno del post più distanti per risolvere questo tipo di problema o allineare le immagini su un determinato lato.Controlla il layout del post del tuo blog in modalità anteprima prima di pubblicare per assicurarti che le tue immagini non ostacolino la leggibilità.