Shopify Images Tutorial for Speed & SEO

Поділитися
Вставка
  • Опубліковано 7 чер 2024
  • Compress your images with Crush Pics: tinyurl.com/2s47hytd
    The easiest way to speed up your Shopify store is to optimize and compress your images! This is a complete guide to image formats, image sizes, image compression and image SEO for Shopify.
    ===== Links mentioned in video =====
    - Crush Pics: tinyurl.com/2s47hytd
    - Squoosh: squoosh.app/
    - TinyPNG: tinypng.com/
    ===== Related videos: =====
    - JPG vs PNG: • When To Use JPG vs PNG...
    ===== Who am I? =====
    Hey! My name is Eduard.
    I teach the tech side of starting and running a Shopify store.
    Im a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
    Visit my website for more useful resources: ed.codes
    ===== Check out my Shopify Add-ons =====
    edcodes.gumroad.com/
    Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.
    ===== Join "Shopify DIY" Community on Discord =====
    Chat with me and other store owners and developers:
    / discord
    ===== Chapters =====
    00:00 Intro
    01:09 File sizes & goals
    02:18 Image Dimensions (pixels)
    03:41 JPG vs PNG
    06:30 Manually Compressing Images one by one
    07:56 Bulk Image Compression
    11:36 Image SEO basics
    13:31 Bulk Image SEO
    14:51 Summary
    #Shopify #SEO #pagespeed

КОМЕНТАРІ • 46

  • @EdCodes
    @EdCodes  2 роки тому +1

    Bulk Compress your images with Crush Pics - partners.spacesquirrel.co/?ref=alioned-agency&link=apps.shopify.com/crush-pics

  • @aminaahmed763
    @aminaahmed763 18 днів тому

    Ed is brilliant, learned so much from him!

  • @JD-rz1ns
    @JD-rz1ns 8 днів тому

    Fantastic tutorial once again, thanks Ed.

  • @noobnoob8138
    @noobnoob8138 9 місяців тому

    Excellent video! I wish all Shopify related videos were as clear and easy to follow as this one. Nice work and thank you!

  • @stacyellis135
    @stacyellis135 2 роки тому +2

    Thank you for this important information. You explain the details very well. Since I’m so new to SEO, I truly appreciate you! Now on to your next video…..

  • @stephaniepaints
    @stephaniepaints 2 роки тому +3

    This was really well explained, thank you so much! :)

  • @audra4229
    @audra4229 Рік тому +1

    This was incredibly helpful and clear. Thanks 😊

  • @buzziness7
    @buzziness7 2 роки тому +1

    Thanks god . First time i see good content , to the point , informativ , quick , presiouse infos . Thank u from morocco

  • @lovedecors
    @lovedecors Рік тому

    Great value content, the best channel i have come across in years.

  • @learningstuff5679
    @learningstuff5679 2 роки тому

    Excellent tutorial! Thank you so much. Subscribed.

  • @suzukishuhei9439
    @suzukishuhei9439 Рік тому

    Thanks so much Ed for super useful tips!!

  • @rachelflamdesign
    @rachelflamdesign Рік тому

    Whoa! Fantastic fantastic vid!! Thank you so much for all this info! 🙏🏻

  • @Thesophiestore
    @Thesophiestore Рік тому

    I like the way you explained❤ thumbs up for you mate

  • @learningstuff5679
    @learningstuff5679 2 роки тому +3

    Would love to see an in depth video on creating a CSV file to bulk upload products.

  • @BuildswithBrian
    @BuildswithBrian 2 місяці тому

    Awesome video, very informative, I learned so much new stuff here. Thank you.

  • @Chessur_
    @Chessur_ 2 роки тому

    Thank you, you were the only one who solve my problem

  • @jin6000
    @jin6000 2 роки тому

    Appreciate your content so much man. Thank you!

    • @EdCodes
      @EdCodes  2 роки тому

      Hey Eddie! I see you on all my videos :) Thanks for the support!

  • @bewimotos
    @bewimotos 7 місяців тому

    Thank you, this helps me alot. Have a good day Sir.

  • @lordkks
    @lordkks 2 роки тому

    Dude u save my life thanks!

  • @bulkify5025
    @bulkify5025 Рік тому

    Thank you so much for sharing a excellent video.

  • @ericauclair2587
    @ericauclair2587 Місяць тому

    Very useful video ! Thank you very much for sharing these infos

  • @ericmalmstrom4840
    @ericmalmstrom4840 Рік тому

    Great video... Thank you @Ed Codes!

  • @kothecompetitor
    @kothecompetitor Рік тому

    thanks this was so helpful.

  • @DarkAgeSwarm306
    @DarkAgeSwarm306 Рік тому

    thank you super helpful!!!!

  • @erinnlamattery5075
    @erinnlamattery5075 2 роки тому

    Thank you once again!

  • @Fedgery007
    @Fedgery007 10 місяців тому

    So helpful!

  • @Letstalkaboutitlive
    @Letstalkaboutitlive Рік тому

    You really good so happy found you 😊

  • @cubicleight
    @cubicleight Рік тому

    In your experience, is Photoshop doing a better job at keeping the file size low than let’s say Canva or Squoosh?
    Valuable content, Ed. Thank you for these reminders and tips! More power to your channel.

  • @c.schuster7353
    @c.schuster7353 Рік тому

    do I have to use comma or hyphen for the image tags? For example: woman shorts made of silk, (-) dark blue color

  • @cancerscircle
    @cancerscircle Рік тому +1

    Hi , I tried to save a shopify image as JPEG, I used Tiny PNG and uploaded it to Shopify but somehow when I downloaded the image from the website it was still a PNG, how can I resolve this issue?

  • @Whatever0704
    @Whatever0704 11 місяців тому

    When renaming the images to something meaningful. How do you "Split" up the name. CammelCase, Underscore, dash or ? What is best for SEO

  • @EzzedineBanbouk
    @EzzedineBanbouk Місяць тому

    Hey Ed,
    I can see that the apple website images are now in jpg format. Can you confirm that?

    • @EzzedineBanbouk
      @EzzedineBanbouk Місяць тому

      i think its mixed but now they upload the laptop image for example with the same background color as their page so it looks the same.

  • @hannibalhermanjuulpetersen1534
    @hannibalhermanjuulpetersen1534 9 місяців тому

    Hi man, How about webp? That is better than jpg right?

    • @EdCodes
      @EdCodes  8 місяців тому +2

      It is better, but still not very widespread - not all platforms allow you to upload webp. Shopify does but you don't even have to do that because Shopify will automatically convert images to webp now. So you can go ahead and still upload jpg or png, and those images will be converted to webp when you view them in chrome, and for people with an older browser that doesn't support webp, they will see jpeg or png instead.

  • @VinayakSinghYT
    @VinayakSinghYT 2 роки тому +1

    Can we use webp format image in Shopify. Because that are more less kb in comparison to JPEG or PNG

    • @EdCodes
      @EdCodes  2 роки тому

      I don't think you can upload them. It's not an accepted format yet. However, Shopify converts some images to webp automatically.

    • @quiesco-nl
      @quiesco-nl 2 роки тому +2

      @@EdCodes you can upload webp. Settings > Files >

    • @learningstuff5679
      @learningstuff5679 2 роки тому

      @@quiesco-nl That's awesome! Thank you for the heads up!

    • @ericmalmstrom4840
      @ericmalmstrom4840 Рік тому

      Yes, you can now upload them as web.

  • @Humanhairbonys-zy6px
    @Humanhairbonys-zy6px 2 роки тому +1

    if i pay for this app and then compress all my pics and then delete the app will my images stay compress ?

    • @EdCodes
      @EdCodes  2 роки тому +2

      Yes, you don't need to keep the app.

  • @starwaves1993
    @starwaves1993 8 місяців тому

    No matter what size image I upload say 400kb shopify compresses it to around 160k. Not good for gradients.

  • @willfletch5871
    @willfletch5871 Рік тому

    What software do you use to name the image file and also to edit and resize images before uploading to shopify