Uso Immagini per Slideshow

[Rinos]

Sto usando CK Slideshow, free e responsive, nell'header, dimensioni rettangolari e abbastanza largo. A proposito di cio vorrei chiedrvi: ho notato che le immagini devono essere di buona qualità altrimenti si sgranano visto che lo slide le zooma automaticamente fino alla dimensione del riquadro. Qualche consiglio o posso usare direttamente senza problemi immagini di grandi dimensioni.
Qualche consiglio su se e come modificare/tagliare/ridimensionare le immagini?

[giusebos]

dovresti prepararti le immagini nel giusto rapporto/dimensione ed ottimizzarle per il web.
Inserire le immagini pari pari senza ridimensionamento ed ottimizzazione potrebbe generare un rallentamento del sito.


72/96 punti per pollice come risoluzione va bene, mentre per la larghezza devi considerare la larghezza massima della content area

[Rinos]

potrei ad esempio, con paint, tagliare la sezione rettangolare della dimensione dello slide (piu o meno perchè non so di preciso) e creare quindi un nuovo file, in modo da poter utilizzare solo quella parte del file che seppur di buona qualità, diventa piu piccolo? oppure è meglio apportare altre modifiche ai pixel e alla risoluzione?

[giusebos]

potrei ad esempio, con paint, tagliare la sezione rettangolare della dimensione dello slide (piu o meno perchè non so di preciso) e creare quindi un nuovo file, in modo da poter utilizzare solo quella parte del file che seppur di buona qualità, diventa piu piccolo? oppure è meglio apportare altre modifiche ai pixel e alla risoluzione?

Le immagini devono essere precise, e per avere una misura precisa basta analizzare la zona con strumenti quali firebug, webdeveloper o measureit

[Rinos]

ok grazie, quindi una volta individuata la misura precisa in pixel, posso solo tagliare l'immagine o devo usare qualche strumento di ridimensione piu presiso? come mi consigli di procedere?

[giusebos]

ti dico come faccio io:


ho bisogno di un immagine per uno slider responsive e considererò come misura massima uno schermo di 1920px, quindi con GIMP o altri strumenti creo un nuovo documento vuoto con 72/96 px/inch.

la mia immagine è alta 570px

dentro questo documento ci inserisco la mia immagine, che so dovrà essere superiore (di poco) in larghezza i 1920px.

centro e riduco la mia immagine salvandola per il web.

Io qui ho molto semplificato, un buon webmaster ha una buona conoscenza degli strumenti che gli consentono di manipolare le immagini, oltre che conoscere html, css php e js, quindi ti consiglio una delle tante guide in giro per la rete.