Optimize images -page instructions unclear

[ottok]

The current UI does not explain enough how it works:

• Link to docs is missing
• Does not explain that recompressing images is possible even without restricting resolution
• Does not explain that recompression does not happen unless box is ticked
• Does not explain that optimization is done on files on disk and only once per file

[ottok]

WIP: https://github.com/Seravo/seravo-plugin/tree/dev-maf

[mikkoaf]

I have improved the usability of the module with UI-changes in conjunction with the Helpy-articles written.

[ottok]

At a first look, this text does not explain why, what and how. It is better than before, but please but a bit more thought into it. Maybe ask others for ideas on what should be said here if you yourself don't have new ideas?

The article https://help.seravo.com/fi/knowledgebase/23-wordpressin-hallinta/docs/119-seravo-plugin-optimoi-kuvia does a slightly better job, but there is still relevant details missing. Try to put yourself in the position of a website owner trying to decide whether or not to tick that box, and is is risky for them or not.

Also we need some kind of feature description page on seravo.com about what image optimization is, that we have it and why users should choose it. And then there are the man pages in the command itself, and seravo.com/docs. Many places that all need to tell the same story, but not have duplicate content..

[mikkoaf]

Revised the description text according to given feedback. Added less disrupting logic for handling empty input. Previously empty input fields would return values of 500, which is the agreed minimum for image optimization. With the current iteration the default value when user begins to use the tool is 4000 and when giving empty input the value is 4000

Helpy article has been also revised so that information relevant to website owners should be better available.

A blog post has has been written which describes the benefits of image optimization.

[ottok]

My suggestion for a new text instead of the 4 paragraphs starging with "Kuvien optimointi...":

Tarpeettoman isot kuvatiedostot hidastavat sivuston latautumista. Seravon WP-palvelussa on sisäänrakennettu kuvien optimointitoiminto, joka optimoi kuvia jotta niiden tiedostokoko olisi mahdollisimman pieni mutta kuitenkin siten, että sivuston vierailijoille kuvat näyttävät edelleen yhtä hyviltä. Toiminnon ansiosta erillisiä kuvaoptimointilisäosia ei tarvita.

Suosittelemme kaikkia asiakkaitamme kytkemään tämän toiminnon päälle. Kuvien tiedostokoot pienenevät sekä tehokkaiden pakkausalgoritmien, turhien metatietojen poiston että tarpeettoman isojen resoluutioiden pienentämisen ansiosta. Oletusmaksimikuvakoko on turvallinen asetus useimmille sivustoille, sillä normaaleilla verkkosivustoilla ei ole näkymiä joissa tarvitaan kuvia, joiden lyhyin sivu olisi yli 4000 pikseliä.

Toiminnon aktivoimisen jälkeen automaatio optimoi sekä kaikki olemassaolevat kuvat WordPressin mediakirjastossa, että sinne myöhemmin ladattavat uudet kuvat. Optimointi tapahtuu tausta-ajona pari kertaa vuorokaudessa, eli tulosten näkymiseksi kannattaa odottaa vähintään vuorokausi. Lisätietoja toiminnosta löytyy ohjekeskuksestamme.

The technical details about PNG and JPG can be in the separate knowledgebase article.

Don't call Helpy with the name Helpy, as that is a technical software product name. To our customers it's just our Help center or Knowledgebase or something along those lines.

[tlxo]

That much text feels a bit heavy for a UI. I'd limit the text to the amount we currently feature and link to user documentation for details.

[mikkoaf]

Closed in #211