shopify image exceeds 20 megapixels
Published on: January 27 2023 by pipiads
Table of Contents About shopify image exceeds 20 megapixels
- How To | Resize photos on your Shopify Store
- How to fix image alignment on Shopify store collection page for FREE
- Best Shopify Product Image Resize Apps 2022
- HOW TO: Resize Images and Add Quantity
- Speed Up Shopify Store by Resizing Product Images | Quick Shopify Tips 2021
- Adding Products To Shopify - Dropship Downunder - Drop Shipping Australia
How To | Resize photos on your Shopify Store
[Music]. hey y'all, it's aj here with fluffy hustle and this is going to be a very quick video. so if you have a shopify store and you do not like the fact that your pictures are all different sizes and things like that, like how this is looking, i have found an application on the shopify app store that will get all of your photos the same size. it's auto resizer, so i'm going to show you how to do it. as per usual: go to your store, click on apps, go to visit the shopify app store. you are going to type in photo resize in the search. you're going to add the application on. install the app, and this is literally my first time doing this. so you guys are going to see this in real time because i'm testing this app out. okay, analyze shop images. so they doing it's doing its thing, okay, so it recommended that. um, i resize 19 images. let me preview what they're toking about. view store preview. okay, and let me scroll down. so, right now that all looks straight, let me go to the catalog and see if all of the pictures in here look the same. they are. this is a little different, though. this is a little different, so let me see what it does. let me go back: resize 19 images. okay, it's pretty fast. okay, well, we gonna see. before we rate um the photos, let's go to the store and i'm gonna refresh it. oh, yes, that fast. yes, everything is the same size now. love that. i don't know if y'all saw the difference. i hope you did, but literally everything is on the same line now, all everything. oh, that is perfect. so, yes, listen, i don't know, maybe i'm just a little boosh, but i do not like when i go onto websites and the pictures, like, are all over the place, different, different sizes and the products are on different lines, like it. just it irks me to no end. so this is a cool little app. y'all. i'm going to be reviewing these apps sporadically just to give you guys, like, some things that you can do to enhance your shopify stores. so, yes, do this, get your life and do this. that is a really cool little app. again, the app is called a photo resize by pixie. so photo resize by pixie, and that was a 100 free, and you saw how quick that was. this is day five of hustle miss. so if you have not watched the other videos, i've literally shown you how to find drop shippers for hair, how to bring products in from aliexpress into your shopify store, how to create banners that look beautiful um like like the one on this store. i'm showing you how you can use canva to make beautiful um banners and things like that, like this. so, yes, um, if you guys are interested, look down below. i have links to um brain fart, sorry, i have. i have links to my free boutique launch guide, links to the vendors list on my store, i have links to setting up your own canva account and also, if you need to start your shopify store, i am a shopify um affiliate and so, yeah, if you want to set up your shopify store, you can get 14 days for free and the link is all below. for all of that, i will catch y'all tomorrow with another video. alright, bye.
How to fix image alignment on Shopify store collection page for FREE
[Music]. hi everybody, this is marwan. today i'm going to show you how to fix the image alignment on your shopify collection page. so if your collection page doesn't look great, for example, this image here is too big compared to the others. when you can see, the title is a little bit moved to the bottom. so in today's video i'm gonna show you how to fix this, and for free. so to fix this is pretty easy. we just need to uh, pick the images that doesn't look aligned with the others and resize them to fit the others dimensions. so these three ones are good. so, first thing, we need to check the one of the images size. so let's go to the product. we pick this one, for example, and we're gonna see the dimension. as we can see here, it's 800 by 800, which means it's square. the ratio is one by one. but this one which is not aligned we're gonna check it's the image dimension. i'm just gonna copy the title of the product. so the image dimension is 800 by 1000. so this is why the image doesn't look good on the collection page. so what we need to do is this image needs to have exactly the same ratio, which is one by one. so either we make it 1000 by 1000 or 800 by 800 or, for example, 600 by 600, the. the importance is that the ratio need to be one by one. the width must be equal the height. so let's upload this image. once uploaded, we're gonna use this free tool, click on create photo editor, then we upload the image. okay, once we have uploaded the image, we need to crop it. so in this example, i'm gonna crop it to make it 800 by 800 and on the viewer, i'm gonna check if. if the crop is great, so apply save. i'm gonna name it cropped and save it. so i'm gonna remove this one and i'm gonna upload the new one. so, once it's uploaded, i'm gonna make it on featured image. let's save it automatikally. then i'm gonna refresh the page and the issue is solved. all the image now are aligned. so the trick is you need to make all your image to have the same ratio. this is the trick to solve this issue and, as a bonus, in order to speed up your shopify store and make it more seo friendly, don't forget to compress the images. you can use this website or this tool to make it. you have just to upload the new image that have been cropped and it's gonna be compressed, uh, automatikally. using this tool, as you can see here, we have saved about 15 percent of its original size, which gonna make your shopify store faster and, by classical, by consequence, more user friendly and more seo friendly. so thank you for watching this video. have a good day. [Music] you.
More:cms ecommerce b2b in dropshipping
Best Shopify Product Image Resize Apps 2022
[Music]. what's going on everyone? it's jamie here from shopify masterclass, and today we're going to take a look at the best product image resize apps for shopify in 2022.. this full list comes from our blog, ecommerce educated, and there's going to be a link in the description to access it below. now, in today's video, we're not going to go into every app in this list. rather, we're going to look at the top two here, but we'll go into detail covering a description, the ui, the pricing and the reviews for each. before i get into it, i just want to quickly thank our sponsor, profitcalc. it's going to be a link in the description to access a 15 day free trial [Applause]. so so why would you need a product resize app? mainly, you need this if you need to resize images in bulk. shopify has a built-in image editor, but if you're trying to add a hundred images, a thousand images, five thousand images, it's going to take a lot of time to manually edit it. thankfully, there are apps in the app store which make it really easy to do in just a few clicks. now, our blog post here has the key features you need to see for the different apps, such as pricing and feature lists, but in today's video, we selected the top two. we will go into each of them in detail. so the first app we're going to take a look at is bulk image edit, and it easily allows you to resize your images, as well as a few other things such as compress them, add watermarks, rename the images and add alt text, which is important for seo. so the key benefits of this app is that it does improve seo and you can improve performance on your store by compressing images, which is also good for seo. if you don't know what seo means, it means search engine optimization. essentially, it means as well that it's going to be easier for google to rank it, and if it's good for seo, it means your page will rank higher, which means you might get more organic traffic. it also allows you to comply with social media by making it easy to square, resize and crop images to fit any social media channel. you can also add watermarks to protect your images from copycats. in terms of the ui, you get a dashboard in which you can do the tasks listed above, such as renaming, resizing, framing and adding alt text. here is a layout of what the steps will look like. there's also quite a few options to do these tasks here and overall it seems a clean ui for the app, making it easy to use. in terms of pricing, there is a free plan for 50 image edits per month, those all the way up to 50 a month, where you get 10 000 monthly edits plus 880 day backup. in terms of rating, this app has a 4.8 rating with over 1800 five-star reviews, which is a lot. the second app we'll take a look at here today is tiny image seo and image optimizer, and the benefits, just like the previous app, focus around seo- giving your shopify store better rankings in google- and so, as a sub feature for this app, there is an image resize option, as well as many other options to fix the seo of your website and increase your site speed. there's one thing to note that's very important about image resize is that essentially resizing it to a smaller size that doesn't impact the image quality is going to decrease the size of the image, which then makes it faster for the website to load, which is not only beneficial for the customer, as they don't have to wait as long to see your products. it's going to be good for seo, as google likes fast websites. if we scroll through here, we can see the ui in terms of compressing images, improving loading times. here's a cool feature where you can control the scripts on your shopify store. so these are things that other apps will install in terms of the code, and so you can easily edit those from here. it makes it easy to add different image changes as well. in terms of pricing, there's a free to install plan. it goes all the way up to twenty dollars a month, where you get three thousand free images per month, as well as all the featured listed above. in terms of rating, it has a 4.9 star rating with 868 5 star reviews overall. this concludes the video on the best product image resize apps for shopify in 2022. i hope you enjoyed this video and, if you did, i would love if you hit that like and subscribe button below, as it really helps the channel out. i also want to say that there's a link in the description to access a 15-day free trial for our sponsor, profitcalc, which lets you do profit calculations in just one click. thank you so much for watching and i'll see you in our next video. [Music].
HOW TO: Resize Images and Add Quantity
all right, guys. today's video is going to be covering how to resize images. shopify only allows you to add an image that's under 20 megapixels. um, so when you try to upload an image and it says that the image is too large, you have to resize the image. the easiest way to do this is through photoshop. if you do not have photoshop at the moment- i do not have another alternative for that- you will either have to hire a graphic designer to do to do this for you, or you would have to download photoshop. so, luckily, um us being a design team, we have photoshop, uh, at our leisure. so i'm going to go to the email. i'm going to go to this client's photo shoot, so she wants us to resize images for her. all right, so i'm going to download the image, all right, and i'm going to see if it allows me to upload the photo directly into her website and click add product. i'm gonna say white root, white dress. doesn't matter what i put here, for right now i'm going to just add a file. that's just a description. so i want to make sure i'm adding the photos. so, as you see, it says the media could couldn't be added. exceeds 20 megapixels. so that image was too large and it won't work on shopify. so what i have to do now is go to my photoshop. i have to click file, open up and i have to upload the image. all right, so this is a really high quality photo. so the photographer is this: this is typically the photographer's job: to make sure that your images are website optimized or web optimized, because if they're raw photos and they're not condensed down to work on a website, they're going to be huge files. so if i click image and i click image size, this file is 71 megapixels, so 71 and it has to be under 20.. so this, this file, is extremely too big to work on a shopify platform. so the easiest way for, like a best practike, i like to make sure it's like under 10 so it still keeps the quality, but at the same time it doesn't. it keeps the quality of the image and it's still like a large file. so i like to play around with like 1300 on the width and make sure this says pixels to the right. right, so make sure it says pixels. if it switches, if it says anything besides pixels, you're doing it wrong. all right. so pixels, 1300 pixels, and now it's down to six megabyte megapixels and it was 71.. so it's down to six. i can probably give it a little bit more. um, you don't want it at 135, so now it's like kilobytes. we don't want it that small. but just worry about changing the width. don't worry about changing the height, because it automatikally adjusts. so 1508, that's a pretty decent size. i'll click ok and it resizes the image down and it looks small now. so i just hit file, save as, and i just usually like put another number behind that number, just so it can save, because if you don't put another number behind it, then you'll save over the original picture, which is fine also. but just, um, i usually honestly like to put the word men behind it. i don't know why i didn't do that. but now if i click upload, the image uploads, just fine, all right. so same thing if i go to the next image, if i click download, boom. if i try to upload this picture to this client site, if i grab it and drag it, probably going to be too big, all right. so it's not even doing anything. the file is so big, is not doing anything. so i have to go back to photoshop: hit file, hit open, grab it. boom, full image uploads. i click image, i click image size again. this one is huge again. so i'll do 1500 again. keep it around about the same. hit okay, hit file again, save as. make sure you're doing save as. and i like to do dash min, dash min, all right, okay. so now when i upload it, add media, it uploads, just fine. so that's how you enter images into your website. so now we're going to go into finishing out the product. so you would just go to, you would put like a default price. i say 99 is a good price, 99.. some businesses like to track quantity, some don't. i prefer not to track quantity, but i'm going to do track quantity just for, uh, quantity purposes. so then you leave that. and because this is a closing clothing boutique, you don't have to worry a lot about variance, so you can skip all of this information like weight, shipping, country. for variance, usually they have simple variance: small enter, m enter, large enter, xl enter. they usually go up to that. and for quantity, i'm just going to do a 50.. i'm gonna do 50 of everything. boom 50, control v. basically all i'm doing is control v. it's already oops. so i just put 50 of each and i'm gonna hit save and now that product is saved. so here's a cheat code: if you're creating a new product, instead of selecting create new product and have to enter in all those variants again, it's honestly faster. so like i'm going to just grab a description from another website. so let's say, if i go to something like pretty little things, right, i'm going to grab a description from a random product, so this way the customer can have a better idea of a description, right of how to lay out a description. so if i go to clothing dresses and i want to grab a dress, all right, all right, all right, right now, i guess i got a lot going on a website right now, okay, so i'm just gonna grab a little description copy that go back to my website and you usually want to do this early, like boom, white strappy dress, right, and you can just put a description in and i like to just save it with the description, all right. and then i like to duplicate it with the description in it and then and the variants in it, the reason being, now i'm not starting from scratch, so i can hit duplicate and now it's just going to say i can go to the next thing, and that one could be called black dress. so i'm not going to duplicate the images, but i will duplicate the inventory quantity. so i want to enter that stuff again so i know the next product. i'm going to have new images, so there's no need for me to duplicate images. so now, when i go back to the email, i save it in the same process over again. all right, we've already done this, so that's going to conclude this video. you know from there, like i said, if you have a graphic designer or if you have photoshop, you'll be able to do this yourself. if not, you will have to hire someone. this is a very tedious process, so hopefully you get your photographer to actually do the process for you, to save you from having to hire someone to uh, do this for you. all right, all right, guys. uh, hopefully this video was helpful and, uh, you enjoy your day.
Speed Up Shopify Store by Resizing Product Images | Quick Shopify Tips 2021
when it comes to online shopping, how fast your site loads is super, super important, and it can mean the difference of a sale or someone instantly leaving your site. so in today's shopify quick tips video, we are going to go over how to speed up your site pretty easily in the shopify platform. so we've all had that experience before where we go to a shop, whether on our desktop or our phone, and it loads really, really slow and the images are like slowly loading in, no matter how good of an internet connection you have, and you just leave because you don't want to sit there and wait for the whole page to load. and this happens a lot and people are losing sales on their ecommerce store because of it. so you can actually see how your site is performing in terms of page speed inside your shopify store back in. so to see how your site is performing, you'll just go to online store and themes and you'll see that underneath your published theme, you can see there your speed score and how it compares to others in your industry, as well as click to learn more about your page speed. so this is pulling in information from google's page speed tool and it gives you a lot of detailed information about your homepage, collection page and product page and how quickly that they're loading, and it gives you a score for each of these areas so you know where you can see where improvements need to be made. now i will say that a lot of the things that they suggest aren't always possible to do, and this could be based on the theme that you are using for your shopify store. a lot of themes have code that are in the actual theme itself to make different functionality things on the site work as well. as every time you add in an app from the shopify app store, that's adding even more code into your theme, and so, while the functionality of the app is nice, it can start to really bog down your site load time. so anytime you're adding in a new shopify app, make sure that it's something that you actually really need, and i also recommend, every few months, just going through your shopify app list and making sure that you're using everything fully and that you're still wanting to use that app and otherwise maybe just remove the app and the code from your theme. this will help speed up your theme overall, but again, it's a little bit less that you can manage if you need that app for different functionality or you need the functionality that your site theme is providing you. you can't really change a lot there, but one of the things that you can change is your image sizing, and a lot of times when i'm going in to review different shopify stores, i see that their images are just too big, and so the server is having to show these huge images, especially on mobile devices, and it's just taking really long to show that image. so you can actually go in and resize these images directly inside of shopify. so to do this, you'll go to a product that you want to resize the image of and you'll actually, once you upload the image to shopify, you'll click to open it there and then you'll see in the bottom left hand corner you have a couple different options: you can crop the image, you can draw on the image and you can also resize the image there. so if your site uses zoom in tikniques, where you're actually able to kind of hover over the image and zoom in when you're on the product page, then i recommend going with the size of 2048 pixels. this would be for a square image, but it's a still good quality image size. it's going to have a good zoom capability without being a huge file size, and if you don't have zoom in tiknology on your site, then i recommend going with about half of that for image size, so 1024 pixels. again, this is still going to be a nice high quality image for your site, but it's not going to just be this monster image that is really heavy on your site to load and slows down your site speed. now, that's for product images. any other images that you have on your site, like your page images or your home page images, you would need to resize those before bringing them into shopify, and that's going to really depend on the image size that you need, based on the theme that you're using. so look through your theme information there in terms of the size that is recommended for different areas, like your home page slideshow, and then you can use external tools like adobe photoshop or canvacom, which is a free online tool, and you can resize the images there and save them out. so that way you're making sure that you're adding in the correctly sized images for each area of your site. once you go through and you resize these different images, you're going to have faster loading times for the pages and you're going to have happier customers and hopefully also maybe see an increase in sales, especially on mobile devices. so i hope you found this shopify quick tips video helpful. if you did, we have more videos like this coming out every tuesday- all about shopify. so make sure to check out the full quick tips video playlist over here and click that subscribe button yet if you haven't yet to subscribe to this channel. thanks so much for watching and i'll see you in the next one.
Adding Products To Shopify - Dropship Downunder - Drop Shipping Australia
hey guys, brandy from drops you down on dot-com, delay you. today I'm going to tackle a pretty simple topic, but we do get quite a lot of questions about it, and that is just simply how to upload a product to Shopify. so let's dive in. [Music]. all right, like I said, we get quite a lot of questions about this. it's a fairly simple process and a lot of people that have already got started with shop fire will be well versed on exactly exactly how to upload a product. so what I'm going to do: jump into a bit of a screen share and show you how to upload a product. I'm going to show you how to do it manually, because this is for beginners and I want you to be able to be able to do it all yourself without having to rely on having the CSV file there to upload. I'll show you where to upload the CSV, but I'm going to focus mainly on uploading the product itself and showing you the process of doing that and also a few tips along the way. okay, so in the backend of Shopify now, this is just a little project that I'm working on with my daughter: making little polymer clay decorations that she likes to make, so building a store for that, just for fun. basically, I'll show you how to upload a product using this just as a bit of a demo, and I'm gonna show you how to do it manually, but also show you where to upload that CSV if you want to do it that way as well. so basically, what we do to start with is you need to actually first have some collections to add those products to. so I've added some already and I've used two collections here, adding adding these products by a tag. so the product condition, the product tag, is equal to buns for this one and parker's perfect patisserie for this one. I'm also going to show you how to do it manually as well. so you'll see that under the product conditions, there is no condition there for it, because we actually have to select that ourselves manually. okay, so, starting off with the product, you just simply go to products or products and add product, and what I like to do is I sort of just work down through the fields just to ensure that I don't miss anything. but I personally I actually start with the organizer, organization section, and this is because what brings up your products into the right places on your store? so I usually start with this. so product type: we're gonna start with the buns, that's and [Music] and what was next then door-in-door, it's perfect history and then in the end or section, okay, so collections, this might. this is what tricks people. people think that when they click on this they haven't seen those other collections they added. this is because you only see the ones that you select manually in this part here, so you can select staff picks if we want to add it to that. now to add those other tags in that I showed you for those other collections I've got here under tags, you just select what you'd put for your tag, add it in, and you can either add Bunce or you can simply press comma and it'll add the tag in for you. okay, so yeah, the next one and then in add and you can see that the other both ways. so now we've got the tags in there. this will now be added to the buns collection, perfect patisserie- and also in the staff piece and the rest is all filled in. so now we just go down through the rest of the fields, starting at the top. so this one's a mini bun in the description. you're gonna have free delivery stuff at the top. people like that. okay, got it. I'll come back to the images, cause I want to show you something else with that. so next will be the pricing: 1095. so this is the price that you'll actually sell the product for. the compare our price is, say, you are running a discount, this is where you'll put the original price in there and actually the actual product- it's the tax, sorry, on this product is- is either selected in here, where you will actually add the gist, the products a few, adding GST them to the product at this price. this is included in the price. you'll leave it blank. but if you want to add GST after they purchase or, sorry, after they get to the checkout, you will select this. so this is what will bring up the GST, which will add the GST to the product at the checkout, so that you'll select that here. and SKU: this is where you'll get your stok keeping unit number from your supplier. they generally have this, so I'll just add in something random barcode. like I said before, you'll get this from the supplier. you can leave this blank. it's not a non-essential okay. so this is where you can either track the inventory amount- so I could add in - if there's two left- or you can say don't track inventory and so if you've got an endless supply, you know you supply is not gonna run out. they've got loads and loads. you can just press don't track because it's not that important. you can select, allow them to purchase when it's out of stok. so if you know you've got products coming in and your suppliers got a shipment, they're out of stok but you've got some coming in, you can allow them to add the product here. but generally I'd I would probably all probably not allow them to buy the product unless you're absolutely certain that their products come in because it can lead to issues down the track. okay, so shipping- this is where you'll work out how much again charge for your shipping based on its weight. so I won't go too far in the shipping cuz that's a whole nother thing, but obviously it's a physical product I'm going to be shipping it. so I'll leave that tiked and I'll select the weight here based on my shipping rates that I've already calculated. so if I'm calculating my what, my shipping via weight, and I say want my standard shipping for these buns to be $10 australia-wide and I'll set that, that shipping rate to say 1 kilo and then everything that I want to charge $10 for shipping. I'll just add the weight as one kilo and it'll instantly add in my shipping as $10 for each item that I've added as one kilo. pretty simple filmin service. you can leave that Shopify and variants will go further into that once I save the product. editing that website SEO and you can go into this and edit this if you like. this basically just brings in the description from above, but personally I like to going in at least a little bit to include a few more keywords. you obviously want to keep it so it reads well, but you don't want to make it just a long string of keywords or tags and wanted to read. you know people to be able to read it properly as well. so, yeah, that's. the SEO will come back up to the images. so I want to show you a few things with this. so I'll just slide this across and you can see I've got a few images here. you know this is a really highly high quality image that I've taken from my camera, so I'll show you this, this one, first. you can see that obviously this is way too big, so it's it's exceeding the 20 megapixel limit, so we won't let us do it. so how do we get around that? well, a very simple. you go to a site called compressed JPEG, comm, and you can just simply drop your photo in here and it will reduce the size of the file for you and you can simply download it- and you can see that I've downloaded- and to reduce the file size by 81%. so to actually change the file type, it's fairly simple. you just tab over here and you can go to PNG or PDF. so either way, whatever your file type, you should be able to get around it that way. okay, back to the products, and I'll upload the one that I've already changed. uploading that fairly well, and as I'm going along, I actually like to do the alt text on it, all these images as well. so it helps with your SEO, but also it says you visually impaired, but also helps with Google to read what the product is, because if it's gonna list that product in a search can't tell what it is unless you've listed this here in the alt text. so it's done, okay, so this is basically a standard product without variants right now. so we've added all this in and we can simply just press save. okay, so view that and give you an idea of how it looks. they've done nothing to the site whatsoever, so you'll see it as a fa.