Explore the community Forums Lectora Lectora Questions & Answers Lectora 18 creating extra images for each styled image?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #446038 Score: 1
    Profile photo of Darrell Foley
    Darrell Foley
    Member
    beginner
    intermediate
    friend finder
    wise owl
    picture perfect
    curious george
    contributor
    3 pts
    @Web-Foley

    While using the Style Tab in Lectora v18 to add visual features to an image I was puzzled to learn that upon Publish, Lectora creates an image file for each of the styled (same) images. I ended up with multiple image files created for every variation of ‘styled’ image (single source).

    So, Lectora doesn’t attribute a CSS style but rather used the Style term to collect information in the authoring environment to render extra images? Am I missing something?

    For example, a landscape image to look like a photo may have a 10px grey border,  a 345 degree rotation, and an offset diagonal bottom-right shadow (50% transparency , 8px blur and 8px distance). Doing this via the Lectora ribbon (Style tab) will create extra image files for each,  and these images have a border added as part of the new image… or, by adding the following CSS class we will have the same outcome but not add new image files to the Published image folder:
    <p style=”padding-left: 30px;”>.photo {
       border: 10px solid #eef1f3;
       -webkit-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.5);
       box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.5);
       -ms-transform: rotate(345deg); /* IE 9 */
       transform: rotate(345deg);
    }</p>
    Moreover, the PNG Lectora created was 78 kb versus the 36 kb original JPG styles by the CSS class (which can be referenced multiple times even it I have the rotation and/or shadow different in 100 pages, I can even add radius corners if I want to).

    Can anyone shed some light as to why Lectora 18 is doing it this way?

    -Darrell

    This post has received 1 vote up.
    Attachments:
    #446082 Score: 0
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    36 pts
    @CarlFink

    Might I suggest posting this as a suggestion in the Lectora Suggestions forum? I suspect the CTO will be more likely to see it there, and having talked to John several times, I’m pretty sure he’ll agree that your suggestion to use CSS instead of saving multiple (mostly unused) versions of each image is a good one.

    #446089 Score: 0
    Profile photo of Darrell Foley
    Darrell Foley
    Member
    beginner
    intermediate
    friend finder
    wise owl
    picture perfect
    curious george
    contributor
    3 pts
    @Web-Foley

    Thanks Carl, I think I may do that. I’m relatively new to using the latest copy (Lectora 18, my version for years has been Lectora 11) and was not sure if I others knew of a reason it may have been built this way. There’s quite a few new things I’m trying to wrap my head around 😉

    #446274 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    Wonky programming.

    #446328 Score: 3
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    129 pts
    @mnotermans5114

    In fact i encountered similar stuff quite often when diving somewhat deeper into the published HTML of Lectora, both Online as Desktop. They should start fresh with modern code, modern libraries and rethink the complete workflow of Lectora. Slide based courses are not of this time anymore. SPA or OPA, at least some mobile first approach might be better.

    This post has received 3 votes up.
    #446362 Score: 1
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    36 pts
    @CarlFink

    Math, agreed. I think eLearning Brothers needs a product with the capabilities of, say, Articulate Rise. That is, something to quickly generate basic eLearning that automatically works on a wide range of devices without requiring lots of manual fiddling on every … single … page.

    This post has received 1 vote up.
    #446364 Score: 0
    Profile photo of Joe Wieloch
    Joe Wieloch
    Moderator
    beginner
    intermediate
    friend finder
    contributor
    LUC16 Attendee
    verified member
    wise owl
    LUC17 Attendee
    advanced
    picture perfect
    60 pts
    @wheels

    Thanks for all the comments. I haven’t looked deeply into this, but, rotation and shadowing do not seem to create new instances of the image. I did see that adding a border does. Please understand we have gone to great lengths to support all browsers, only recently dropping IE 8 (within the last year). So sometimes this support requires creative solutions. With 20 years of legacy and hundreds of thousands of authors over the years sometimes a creative approach is necessary to keep things working for everyone.

    We always appreciate your input and will take it under advisement for the future of Lectora.

    #446383 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    129 pts
    @mnotermans5114

    Thats the problem. Overhere in Europe Lectora has lost its edge over especially Articulate. At our company we both use Articulate360 and Lectora Online now… for especially complexer stuff i do prefer Lectora, but most designers / developers i know find it too complex…and thus jump ship for Articulate. Especially Rise360 is good. With Storyline blocks you can get more complex stuff done…it is far from perfect… no support for Javascript and CSS in Rise360..but for the majority of elearning developers its enough. They can create basic courses and when more complex things are needed, they ask me.

    If Elearning brothers want to get some foothold back in Europe…Lectora needs a major overhaul to compete with Rise360.

    #446420 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    Will this, too, fall on deaf ears?

    #446458 Score: 1
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    36 pts
    @CarlFink

    @joe Wieloch:

    Please understand we have gone to great lengths to support all browsers, only recently dropping IE 8 (within the last year). So sometimes this support requires creative solutions. With 20 years of legacy and hundreds of thousands of authors over the years sometimes a creative approach is necessary to keep things working for everyone.

    I hesitated to post this, because it sounds too critical, but I think this is important.

    You have posted that eLearning Brothers prioritizes legacy customers over potential current and new ones. You are implying that transparent support for currently-in-demand environments like phones is not a priority over continuing to support obsolete web browsers.

    I personally believe it’s a mistake for you to favor IE over iPhone.

    This post has received 1 vote up.
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.