Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Is there a way to reduce the weight of images quickly and easely ?

Is there a way to reduce the weight of images quickly and easely ?

Scheduled Pinned Locked Moved General Discussion
9 Posts 3 Posters 122 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H Offline
    H Offline
    Helena
    wrote on last edited by
    #1

    Hy there,

    I'm really happy about this website, i already said it before but I really mean it.

    I was wondering if there was a way to reduce the images on my site quickly? In pixel size I mean, reduce the weight.

    Just to present the context, I installed Google Map app and I'm working on an interactive map. It works pretty well but the downloaded images are too heavy and as a result, the map takes a long time to display. Logical, you might say.
    I'm really lazy to review everything in Photoshop to reduce the size.
    So if there is a way to reduce these images, thank you very much!!

    You can see that here : https://helenagebeil.com/insitu/dansesurbaines/

    The page is slow to load and moreover the images are not the right size...

    Thank you so much by advance!
    H

    1 Reply Last reply
    0
    • A Offline
      A Offline
      alasdair17
      wrote on last edited by
      #2

      hey, I would suggest using the shortpixel plugin, it bulk optimises images and has the option to use webp which is great for loading times too without compromising quality too much.

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        if you have access to a windows pc, the application "irfanview" can batch resize images.

        a quick google search also shows some online services that can downsize images:
        https://www.google.com/search?q=bulk+resize+images+online&oq=bulk+size+images+&gs_lcrp=EgZjaHJvbWUqCQgBEAAYDRiABDIGCAAQRRg5MgkIARAAGA0YgAQyCQgCEAAYDRiABDIJCAMQABgNGIAEMgkIBBAAGA0YgAQyCQgFEAAYDRiABDIJCAYQABgNGIAEMgkIBxAAGA0YgAQyCQgIEAAYDRiABDIJCAkQABgNGIAE0gEINzIxOGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8

        if you add an image using the gridder with +image or any other gridder element,
        a resized smaller version will be loaded

        unless you disabled this in lay options, by activating
        "never show resized version of images"

        1 Reply Last reply
        0
        • H Offline
          H Offline
          Helena
          wrote on last edited by
          #4

          Ok great thank you very much for your feedback. I'm going to look at all of this. Is it possible according to the media library to revise the images? I can crop them but not reduce the pixels, it would be so much easier.

          1 Reply Last reply
          0
          • H Offline
            H Offline
            Helena
            wrote on last edited by Helena
            #5

            Well, I finally reduced everything on photoshop, it was simpler, rather than weighing it down with another extension.
            Now that this problem is settled, I meet with another. It's never over it seems.

            Here is the new problem: I put audio sound, two vocals but.... but it can be downloaded. I don't want us to be able to download it, what should I do?

            Thank you very much for your help!
            H

            image.jpg

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              hey ure just using this map plugin inside of lay theme, maybe this is something you can ask this map plugin author?

              https://stackoverflow.com/questions/42517144/how-do-i-remove-the-download-option-in-the-html5-audio-tag

              basically it needs a nodownload attribute
              since im not the author of this map plugin, i dont know where to change this

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                oh actually maybe this css?

                Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

                audio::-webkit-media-controls-enclosure {
                    overflow:hidden;
                }
                
                audio::-webkit-media-controls-panel {
                    width: calc(100% + 30px); /* Adjust as needed */
                }
                

                from here:
                https://stackoverflow.com/questions/42517144/how-do-i-remove-the-download-option-in-the-html5-audio-tag

                1 Reply Last reply
                0
                • H Offline
                  H Offline
                  Helena
                  wrote on last edited by
                  #8

                  Hy armin unruh, thank you so much for your return.
                  I've tried several codes, CSS and HTML with the link you gave me, but at the moment none seem to work. The reaction time is a bit long with WP Google Map so I'll wait and tell you.

                  Also, another topic, I finished the first map with the Openstreetmap basemap.
                  Now, I would like to create a map (modified on photoshop) and integrate it on the Laytheme site and then make it interactive by adding sound.

                  WP Google Map doesn't offer this option to insert your own basemap, so I was wondering if there was a way to do it on Laytheme actually, since this theme is very powerful. Otherwise I can go through Draw attention, the extension. But while I'm at putting code, I think that maybe Laytheme can do it? What do you think? What would be the code to add sound?

                  Thank you a lot for your help!
                  Helena

                  1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #9

                    adding sound?
                    https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement/Audio

                    not sure helena, all i would do is google, there is no extra sound or maps functionality in lay theme

                    1 Reply Last reply
                    0
                    Reply
                    • Reply as topic
                    Log in to reply
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes


                    I also code custom websites or custom Lay features.
                    šŸ’æ Email me here: šŸ’æ
                    info@laytheme.com

                    Before you post:
                    1. When using a WordPress Cache plugin, disable it or clear your cache.
                    2. Update Lay Theme and all Lay Theme Addons
                    3. Disable all Plugins
                    4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                    This often solves issues you might run into

                    When you post:
                    1. Post a link to where the problem is
                    2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                    3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                    Online Users
                    S
                    svinder
                    Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                    laytheme.com
                    • Login

                    • Don't have an account? Register

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Recent
                    • Tags
                    • Popular
                    • Users
                    • Search