![]() Note: want to watch more of my Squarespace video tutorials? I've linked to them at the bottom of this post or you can head over to my Youtube channel to binge them now. A day of leaden skies, heavy rain and splashes of sunlight meant a case of finding a composition and waiting for light. If you've ever wanted to try out a different look and feel on your website, changing up your images is a great place to start. A small waterfall on the beautiful upper reaches of the East Dart River. I recorded this overview video tutorial of the Image Blocks section so that you can see just how many options are available to you to make sure that your images pop! I walk you through everything you need to know about adding and using the image block on a Squarespace page (or blog post) as well as a breakdown of each option. Once the has been added with the Image Block, formatting those images on your Squarespace website is a MUST. The process is the same whether it's on a page or post (blog). There are SO many ways you can use images on your website, and Squarespace does an awesome job of helping you present it in the best way possible!Īdding an image to your Squarespace website is done through the Image Blocks section. Maybe it's to showcase our products, introduce ourselves and our businesses to our audience, or to highlight our beautiful photography. We add images to website for a ton of different reasons. Whatever you call it, there's no doubt that what you see on a website is hugely important. What's the difference in file size between an 800 pixel-wide image saved at 100% quality, 80% quality, and 50% quality? That would be 429KB against 239 KB against 136 KB respectively.Images! Photos! Graphics! Visual content! What are the chances that you really need to be displaying images at the highest quality on the web? I'll guess low this time. What are the chances that you've been saving your images at 100% quality for web display? I'll go for high, but I'd like to be proved wrong. Yes, a 1,600 pixel-wide image will look better on a retina display, but using an 800 pixel-wide image won't be the end of the world. An 800 by 533 pixel image will occupy 1,600 by 1,066 'retina pixels' and not look that much the worse for it. The pixels in the retina display are sufficiently small that you can share one of the 800 pixels from an image across two of them and the image won't look horrific. So the next, and most obvious question is, 'What the hell will a photo that's 800 pixels wide look like on a retina display? It's going to be either tiny, or some ghastly interpolation will happen that makes it appear the correct size, but awfully grainy, no?' Not quite. See Details (opens in a new tab) The Good User friendly Sleek, modern design Features a. With a retina display you're looking at double the number of pixels when compared to a non-retina display screen of the same size. Avenue is one of Squarespace’s classic portfolio templates for good reason: it’s sleek, elegant and engaging. (There are 2560 by 1600 pixels in a 13" MacBook Retina.) This increased pixel density allows for images to be rendered sharper and clearer, assuming that there are sufficient pixels in the image to fill them, of course. The retina display is a term coined by Apple to describe one of its screens that enjoys a far higher pixel density than a regular screen, achieved by ramming many more, smaller sized pixels into a display. Not sure if you believe me? I have some examples.Īh, yes, retina displays. If an image is intended for print, that is a whole different ball game, but on a computer screen you can use 72, 240, or 300 pixels per inch. Let's clear up one misconception immediately: it doesn't matter how many blinking pixels per inch (ppi) or dots per inch (dpi) your image has if it is going to be displayed on the web. No image means no story, and having to chase them is a bit of a bore.īut heavens-above, joining the billions of images floating about on this interconnected web of servers and wires and fibre and routers is a great deal of confusion regarding just how big a photo needs to be. It's most certainly a peeve of mine when PR people send me press releases without any accompanying appropriate imagery. Given that we're a photography-related site, running a story without at least one image is almost unthinkable for us. It concluded that tweets containing images receive 18% more clicks than those without, and a few other tasty image-related nuggets besides. Buffer, the team that allows you to stack up your social media posts for timed release, analysed the power of images on Twitter. If you were to stumble upon one, you might well think it a remnant from 1999. A website that doesn't make use of any kind of imagery, whether that's photography, illustration, or diagrams, is a very rare thing indeed. Images: they are the currency of Intergoogles. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |