WebSite X5Help Center

 
Luciano F.
Luciano F.
User

Applicazione maschera su foto  it

Auteur : Luciano F.
Visité 1706, Followers 1, Partagé 0  
Mots-clés :: applicazione,foto,maschera,su

Chiarimenti su utilizzo maschera su foto.

Se a una foto delle dimensioni di circa 150 kb applico una maschera con i bordi arrotondati come mai questa poi diventa di circa 800 kb ?

Mi sembra eccessivo un incremento così grande se poi si considera che la stessa maschera potrei applicarla a molte più foto ed il peso della cartella "gallery" diviene molto grossa.

Mi sono accorto di questo in quanto il sito iniziale era di circa 50 mega (totali) e poi applicando la maschera a circa 300 foto mi sono ritrovato con la dimensione del sito molto elevata e ricercando la causa mi sono accorto della cartella "gallery" variata da circa 30 mega a circa 200.

Dove sbaglio secondo voi?

Grazie in anticipo.

Luciano

Posté le
24 RéPONSES - 1 UTILES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se fai uso di maschere, effetti, miniature, ...per essere scontornata l'immagine ovviamente deve essere trasformata in formato PNG, mediamente di peso superiore di sei volte rispetto un JPEG adeguatamente equalizzata, per cui da tenere in ponderata considerazione nel caso di parecchie miniature, specialmente se di dimensioni superiori a 110x110...

... nel caso di Oggetto Immagine, il problema sarebbe facilmente aggirabile se si facesse uso di sfondi uniformi, preparando quindi a monte le immagini realizzate ad hoc...

... per darti una idea, in questa pagina che linko, l'immagine pesa 55 KB; ...la stessa con lo stesso scontorno in PNG con trasparenza progressiva, peserebbe quasi 400 KB:    http://www.zspace.it/kolasim/introsuono/

... quindi, usando la stesso metodo, si potrebbero avere immagini che mantengano il fomato nativo, e pagine leggerissime ad apertura immediata...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur

Grazie Kolasim, quindi per risolvere dovrei prendere i png che ha generato e aprirli con il programma di grafica per ridurli salvarli e reimportarli in Website? 

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se sono usate in Oggetto Immagine, come hai detto tu, puoi aprire le immagini PNG generate da WebSiteX5, con il tuo programma di grafica, li converti in JPG con sfondo adeguato, in modo che si fondano non esso, quello dello sfondo del Sito, e poi le devi importare nuovamente, senza assegnare effetti e ridimensionamenti...

... oppure, se il tuo programma di grafica ha effetti simili, potresti realizzarle direttamente con questo, e già di misure corrette per le celle in cui devono essere posizionate...

... l'immagine che avevo usato è questa:

... ed il colore dello sfondo è: #80FF80

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur

Non dovrei avere problemi con lo sfondo in quanto la maschera scontorna solamente. In ogni caso potrei vedere codice del colore dello sfondo utilizzato (grigio) e cercare di crearlo con Paint shop pro se servisse.

Certo, prenderle una ad una per ridurre il peso va bene se sono una decina ma circa 300 è un lavoraccio di molta paziena.

Grazie di nuovo!

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per ricavare i colori esatti o la combinazone di colori per un "tile", oltre al contagocce di PSP, puoi usare ColorCop...

.

bye

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User
Luciano F.
Certo, prenderle una ad una per ridurre il peso va bene se sono una decina ma circa 300 è un lavoraccio di molta paziena.

Esistono programmi per elaborare (ridimensionamento, conversione di formato) una serie di immagini, per esempio una intera cartella.

A titolo di esempio le foto delle galleria seguente sono tutte in jpeg, ottenute con conversione in serie, a partire proprio da immagini elaborate tramite EVO 9.

http://www.essedi.altervista.org/_sito/galleria_sb.html

Lire plus
Posté le de Esse Di
Luciano F.
Luciano F.
User
Auteur

Grazie anche a te Essedi.

Vi aggiorno:

riesco a elaborare con un automatismo di paint sho pro la trasformazione de png a jpg ed è velocissimo.

Non riesco però a mantenere lo spazio oltre il bordo degli angoli (arrotondati) e lungo i lati trasparente in quanto si trasforma in spazio (spessore) bianco che non vorei vedere quando poi le reimporto in website. Sembra che l'applicazione della maschera di website crei un contorno trasparente che poi paint in trasformazione lo annulli.

In questo caso dovrei rendere trasparente tutti i contorni di circa 300 foto con paint ma non sono riuscito a trovare un automatismo e ad una ad una non vorrei farlo.

Ho provato ad arrotondare gli angoli con gli effetti cornici di paint ma i tipi di arrotondamenti non mi piacciono.

Cosa potete suggerimi?

Lire plus
Posté le de Luciano F.
Luciano F.
Luciano F.
User
Auteur

Comunque in soldoni, l'effetto che vorrei ottenere da applicare alle foto originali è quello di trasformare gli angoli delle foto in arrotondati.

Potrebbe essere sufficiente applicare un ritaglio non squadrato ma con effetto arrotondato negli angoli.

Lire plus
Posté le de Luciano F.
Skeggia 12
Skeggia 12
Moderator

ma usare lo smusso degli angoli della cella che contiene l'immagine non va bene?...

Lire plus
Posté le de Skeggia 12
Luciano F.
Luciano F.
User
Auteur

Ciao Skeggia.....da ciò che scrivi credo che mi sfugga qualcosa! Forse è la soluzione!

Cortesemente potresti spiegarmi lo smusso della cella che contiene l'immagine?

Lire plus
Posté le de Luciano F.
Mirko Boschetti
Mirko Boschetti
Moderator

guarda qui:

Lire plus
Posté le de Mirko Boschetti
Luciano F.
Luciano F.
User
Auteur

Non riesco.

Faccio tasto destro su oggetto galleria / stile della cella / modifica ......ho applicato lo smusso da 10 sino  a 40 e in anteprima non vedo variazioni sugli angoli della foto (sia salvando che facendo ctrl + anterpima) la vedo sempre con gli angoli a 90°.

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho il programma, ...ed intanto che risolvi gli angoli smussati di Skeggia/Mirko, che credo siano una ottima soluzione, ...ecco una soluzione semplice, adottabile anche per maschere irregolari, e senza far fare calcoli al processore...

... anche io uso il mio fedelissimo PainShoPro,7,8,9...

... per integrazione con sfondo bianco sarebbe immediato, invece per sfondi di colore diverso il procedimento sarebbe da fare individualmente...

... però, un escamotage rapido ci sarebbe, verificato proprio adesso...

1) ... creare, in una pagina NASCOSTA o di PROVA, le miniature nel programma, con la maschera preferita, e con lo sfondo della pagina di colore uniforme;

2) ... avviare l'Anteprima, ed effettuare lo STAMP (Cattura Schermo);

3) ... incollare in PainShopPro;

4) ... ritagliare tutto l'insieme in modo congruo con i bordi relativi;

5) ... creare la griglia per esempio sull'esempio di EsseDi a gruppi di tre righe per 5 colonne;

6) ... salvare, e si avranno 15 miniature di misure identiche in JPEG con lo sfondo applicato;

7) ... importare queste immagini su pagina con lo stesso sfondo precedente;

.

... per come detto, due minuti per fare con le immagini di EsseDi ed uppare: http://www.zspace.it/kolasim/prove/ritaglio/ritaglioK.htm

... con un forte contrasto per evidenziare...

.

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur
Luciano F.
Non riesco. Faccio tasto destro su oggetto galleria / stile della cella / modifica ......ho applicato lo smusso da 10 sino  a 40 e in anteprima non vedo variazioni sugli angoli della foto (sia salvando che facendo ctrl + anterpima) la vedo sempre con gli angoli a 90°.

Allora....inanto ho capito perchè non ottenevo alcun effetto! La causa era che lo "spessore" era pari a zero! (che scemo!).

Comunque, impostando un qualsiasi valore dello spessore l'arrotondamento che si ottiene riguarda TUTTA la cella della galleria immagine (ovvero la bordatura curva comprende sia le 6 miniature in basso che la foto in grande visualizzata sopra) e non è l'effetto che cerco.

Gli angoli smussati devono essere solo nella foto.

Certo però che se web site non inginatisse le dimensioni foto applicando le sue mascere sarebbe perfetto.

Kolasim: ho letto velocemente ciò che hai scritto in ultimo...leggo meglio e cerco di capire il metodo.

Lire plus
Posté le de Luciano F.
Luciano F.
Luciano F.
User
Auteur
 ‪ KolAsim ‪ ‪
... se sono usate in Oggetto Immagine, come hai detto tu, puoi aprire le immagini PNG generate da WebSiteX5, con il tuo programma di grafica, li converti in JPG con sfondo adeguato, in modo che si fondano non esso, quello dello sfondo del Sito, e poi le devi importare nuovamente, senza assegnare effetti e ridimensionamenti...

Colorando del colore dello sfondo della pagina del sito con il "contagogge e cambia colore" poi i bordi diventati non trasparenti durante la trasformazione png > jpg con pain shop pro sembra funzionare......devo però trovare un automatismo che non posso fare manualmente a circa 300 foto!

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... con STAMP e miniature del tipo precedente, con il mio monitor se ne possono generare a gruppi di 15 foto per volta...

... adesso su questo portatile non ho ACDSE, ma forse potrebbe avere una utility in questo senso, visto che ricordo che può ridimensionare, ricampionare, rinominare, interi volumi di immagini con un solo click, e magari potrebbe fare altro...


.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur

Niente da fare! Per adesso mi fermo qui a riflettere il da farsi. Sono esaurito!

Mi serve altra idea tipo ritaglio arrotondato da applicare velocemente alle foto originali in jpg visto che se uso la maschera di website nel trasformarle in png diventano enormi!

Grazie a coloro che mi hanno aiutato.

Lire plus
Posté le de Luciano F.
Luciano F.
Luciano F.
User
Auteur

Ciao a tutti,

sembrerebbe che non sia possibile realizzare il taglio con bordi arrotondati in jpg.  I procedimenti suggeriti, anche se utili e funzionali, da applicare a molte foto manualmente sono da escludere. Trasformare i png in jpg e colorare i bordi ex trasparenti dello stesso colore dello sfondo sito o lavorare con i ritagli dalle miniature, anche se decidessi di farlo con molta pazienza mi creerebbero il problema che se un domani dovessi cambiare il colore dello sfondo del sito impazzirei a fare di nuovo tutto manualmente.

Quindi, cosa potrei fare per applicare la maschera con bordo arrotondato ma ottenere dei png "leggeri"?

Grazie.

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... parere mio personale, come detto al primo post, mantenere le miniature intorno ai 110x110 pixel...

...

... consiglio extra: essendo 300 foto, molte, sarebbe meglio gestirle non il metodo dei sotto-siti...

... per non stancare il visitatore con lunghe attese, dividere ogni gruppo o categoria in sotto categorie di max 12-36 immagini, come gli albumetti di una volta, facilmente sfogliabili e consultabili da un gruppo all'altro...

... in questo modo, ogni raccolta sarebbe un sito a tema, leggero da aggiornare e da trasferire in rete, senza il rischio che una modifica possa coinvolgere il progetto generale, bloccandolo...

... pianificare e progettare la struttura con una certa logica renderà il lavoro più flessibile ed organizzato...

... chiudo come ho iniziato, ...sempre ...parere mio personale...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur

Innanzitutto ti ringrazio per l'intevento.

 ‪ KolAsim ‪ ‪
... parere mio personale, come detto al primo post, mantenere le miniature intorno ai 110x110 pixel...

Non pesano le miniature...non sono un problema. Il problema dwl peso eccessivo lo generano poi le foto principali.

 ‪ KolAsim ‪ ‪
... consiglio extra: essendo 300 foto, molte, sarebbe meglio gestirle non il metodo dei sotto-siti...

... per non stancare il visitatore con lunghe attese, dividere ogni gruppo o categoria in sotto categorie di max 12-36 immagini, come gli albumetti di una volta, facilmente sfogliabili e consultabili da un gruppo all'altro...

... in questo modo, ogni raccolta sarebbe un sito a tema, leggero da aggiornare e da trasferire in rete, senza il rischio che una modifica possa coinvolgere il progetto generale, bloccandolo...

Si tratta di un sito di bomboniere. Ogni articolo è diviso a tema (bomboniere, cesti, ecc) quindi ogni tema ha una pagina con una "vetrina" che è proprio la galleria con 6 miniature in basso e a secondo quale selezioni la visiualizzi  sopra più grande ed in primo piano.

 ‪ KolAsim ‪ ‪
... pianificare e progettare la struttura con una certa logica renderà il lavoro più flessibile ed organizzato...

... chiudo come ho iniziato, ...sempre ...parere mio personale....

ciao

Per il suggerimento dei sotto siti rimarrebbe (corregimi se sbaglio) il problema degli aggiornamenti che comunque comporterebbero il "togli quelle della scorsa collezione e metti queste nuove"...ecc., tramite FTP.

Rispetto tutti i parei che per me sono tesoro in quanto fonte di idee. Siamo qui per scambiarci i pareri e io il primo per imparare con umiltà.

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Luciano F.
...[...]... Per il suggerimento dei sotto siti rimarrebbe (corregimi se sbaglio) il problema degli aggiornamenti che comunque comporterebbero il "togli quelle della scorsa collezione e metti queste nuove"...ecc., tramite FTP. ... ... ...

... per l'appunto sarebbe utile in caso di frequenti aggiornamenti...

... ma come detto prima occorrerebbe pianificare prima di iniziare, ed avere le idee chiare, altrimenti diventerebbe difficile da modificare in corso d'opera...

... guarda, questo è un sito molto articolato di un nostro utente, Antonio, che ha modificato radicalmente la struttura, convertendola in sotto-siti:   http://www.antoniorandazzo.it/

... si è convertito nel corso di questi argomenti:

http://answers.websitex5.com/post/50890

http://answers.websitex5.com/post/51544



... ovviamente quanto detto vale solo come idea, da valutare in base alle proprie reali esigenze...



.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur

Ho letto gli articoli suggetiti e non credo che facciano al caso e ti spiego perchè.

Attualmente il sito totale pesa circa 50 mega e la cartella delle molte foto (ottimizzate) in jpg ne pesa circa 30.

Con questi dati non è un problema in caso di aggiornamenti caricare tutto il sito. Considera che comunque ho sempre scelto di fare così (cancello via ftp e ricarico tutto).

Avere un sottosito solo per le foto se le dimensioni rimangono queste non vale la pena (mio parere) ma ne varrebbe solo nel caso le foto rimangano sempre quelle o si tratterebbe solo di aggiunte e gli aggiornamenti riguarderebbero il sito principale.

Detto questo. in queste circostanze, se riuscissi ad ottenere l'effetto foto con angoli arrotondati senza compromettere il peso di ogni foto non è per me un problema ricaricare ogni volta il sito che si aggirerebbe in soli circa 50 mega. Diventa problema caricare i png con l'effetto desiderato in quanto ho notato che solo le foto peserebbero anche oltre 200 mega.

Reputo quindi, se riesco e se possibile, optare per un modo per ottenere l'effetto mantenendo però l'estensione jpg.

Comprendo pure che questo non è un problema di website ma di grafica quindi di altra origine e spero che parlando qui con esperti come voi troverò prima o poi la soluzione altrimenti devo abbandonare l'effetto desiderato.

Grazie

Lire plus
Posté le de Luciano F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... un'altra idea potrebbe essere quella di usare l'immagine come sfondo della cella, e come immagine un PNG trasparente, con solo gli angoli opacizzati; esempio:   http://www.zspace.it/kolasim/website/corniceimmagine/

(... si realizza anche una specie di protezione di immagine...)

... il PNG pesa solo 1.7 KB, ed è questa per rapporto 1:1 (300x300):

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Luciano F.
Luciano F.
User
Auteur
 ‪ KolAsim ‪ ‪
- usare l'immagine come sfondo della cella - e come immagine un PNG trasparente, con solo gli angoli opacizzati ... il PNG pesa solo 1.7 KB, ed è questa per rapporto 1:1 (300x300):

Interessante!

In pratica si tratterebbe di invertire....sotto l'immagine e sopra la "cornice maschera" (chiamiamola cosi).

Credo che rimanga il problema dell'eventuale variazione del tema del sito e relativo colore di sfondo in caso si decida in futuro un nuovo look che richiederebbe un nuovo intervento sulla "cornice-maschera" su ogni foto.

Devo però provare a mettere in pratica per comprendere meglio la facilità di applicazione in caso di aggiunta nuove foto. Lo farò domani.

Grazie Kolasim e a domani!

Lire plus
Posté le de Luciano F.