Wordpress single page : using original images - wordpress

As a photographer i need my photos to be sharp. When i upload my photos on my Wordpress, they are resized in many different ways. I'd like to use the original one instead of a resized one, event if it takes a little bit longer.
As you can see on the link below, the image in the post is resized :
<img src="https://www.pixelkomando.com/cont/2017/08/ORIGINAL-1160x770.jpg" width="1160" height="770">
But i'd like :
<img src="https://www.pixelkomando.com/cont/2017/08/ORIGINAL.jpg" width="1160" height="770">
Here's the link : https://www.pixelkomando.com/gare-de-durnal/
Thanks for your help!
VFero

You probably want to do something like in this article.
From the article:
You can stop WordPress from generating default image sizes by visiting
Settings » Media in WordPress admin area. There you will see default
image sizes predefined by WordPress. You need to set these sizes to 0
which will prevent WordPress from generating default image sizes when
you upload a new image.
and also:
Find the theme size code in your theme’s functions.php file. Simply
look for the code line containing add_image_size() function. ... Removing these lines will stop your theme from generating those image sizes.
Warning:
But be aware that this will force everyone on a mobile to download the original version of the images. Thanks at #FluffyKitten for pointing this out in the comments.

Related

Twitter large Images using Wordpress

I have created 2 blogposts in wordpress and shared them in twitter.
The twitter URLs are
https://twitter.com/Jagannathan6/status/1423662392534175744?s=20
and the other is
https://twitter.com/Jagannathan6/status/1423197036195717124?s=20
As you see the image appears as a thumbnail in one tweet and as a large image in another. How to make the thumbnail image appear as a large image? Has it got something with the size of the image?
I am looking for an answer where I need not get premium version of wordpress.
Easiest way is to use Yoast plugin. Taking a look at the two tweets I'm wondering:
Are you using media sizes to size the images (Wordpress takes the largest image it can and resizes and/or crops smaller images to fit the sizes in the Media options menu)?
Are you using Yoast or custom hooks to post the images to twitter?
Are you using the same size images for both posts?
Are you attaching the images as Featured Images in the editor in the same way?
Did you post them to twitter in the same way?
Do both posts have snippets / excerpts applied to them? If not, make sure your theme is calling the_excerpt, or else you've configured the excerpt to pull from the main body of the post, or else hand-craft the excerpt in the relevant meta box.
Do both images have meta tags / alt tags applied to them? Check in the Media Library or in the post > edit image and see that alt text, caption and description are all filled out.
Did you test the images first with https://cards-dev.twitter.com/validator ?

WordPress gallery grid show original image

I'm using the Divi theme to build a website in WordPress. The problem I'm facing is this:
wrong image
I'm using the gallery module to display a set of pictures in grid mode. But all the images loaded are shown as above. Id like to display the original image instead of the medium one.
original image
WordPress creates some versions of my images but the aspect ratio is different, so this crop effect is applied on my gallery items.
I have tried to set the correct size on medium images from media settings and generated the images again but nothing changed.
Divi theme uses its own functions to generate thumbnails that hard crop original images by default.
Try editing post_thubnails_divi.php file on theme folder using the dimensions that suit you and set the crop value to false.
$crop = apply_filters( 'et_post_thumbnails_crop', false );
hi you can download the Gallery layout and install it in your DIVI theme. it give some layout options for gallery design.
https://www.elegantthemes.com/blog/divi-resources/free-divi-photo-gallery-layout-pack-5-stunning-gallery-page-layouts-in-one-convenient-download
Note : subscribe it and they will send the downloadable link to your email
thanks

woocommerce using full size images, resized, for thumbnails

I have an up to date install of wordpress and woocommerce using a pretty simple, customized theme.
I recently noticed that woocommerce is not calling thumbnail images for catalog pages, the cart, anywhere.. i hadn't noticed earlier because everything looks OK. For example: the cart displays 32x32px thumbnails, but is merely re-sizing the original image (1000x10000px) down to 32x32 instead of calling a smaller file such as the 150x150px thumbnails. it seems to be doing this anywhere a smaller image is used and my main catalog page is almost 40mb which is ridiculous- it should only weigh 1.5 or 2mb...
if you're feeling frisky, the 40mb catalog page is at superfly5000.com/collections/ (NSFW!!!)
Both woocommerce and wordpress image settings are set to 150x150 and 300x300. WC single product images and WP large size images are set to 0x0 so it will call the original image.
I have regenerated thumbnails and am about to convert all my PNG's to JPG's to save some weight but I really don't want to lose transparencies..
Any ideas??
You have to enable the hard-crop option for thumbnails, more info.
resolved: cool thanks,Vikas, the hard crop wasn't the issue but the snippet at the bottom of the page (https://docs.woothemes.com/document/adding-product-images-and-galleries/#section-4)- manually calling image sizes from the functions.php and regenerating thumbnails apparently did the trick. for some reason WC wasn't using it's own image sizes settings- i don't know why.

How to add links of a custom image sizes in wordpress post?

I am using add_image_size() function to add custom image sizes in wordpress and want to show downloadable link of any image size in single post. If you don't understand what I want to say please take a look at the following website.
http://www.alliphonewallpapers.com/iphone-wallpaper/id/3238/
It save images in different sizes and add link of that size in its post. I also want to add links of different image size. Please help me.
Well, you need to obtain thumbnail URL. Look at Wordpress Codex, there is an example that perfectly fits your needs and it even shows given URL only if given thumbnail size is available:
http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail#Post_Thumbnail_Linking_to_large_Image_Size

Custom Image sizing in WordPress theme

I am having some trouble with a preset image size in WordPress. I was matching the design on the homepage with the agentpress 2.0 theme by StudioPress.
I found that I could customize the preset image sizes in the functions.php file of the theme. That worked fine until I realized the image size preset that I changed I still needed for the interior pages. I think simply switched it back to it's original dimensions and created a new one for the custom size I needed for the homepage. That seemed to work for the homepage but the interior pages are still taking on the old dimensions. It is as if the site is cached or something except I am not using a caching plugin. When I check the source it is indeed the old dimensions.
Here is a link to the page: http://districtdesigngroup.com/fox-realty/?status=for-sale
Here is a link to the demo: http://demo.studiopress.com/agentpress/status/for-sale
You will see the thumbnail is not looking correct.
Is there a way to reset the theme or something to make these changes take effect? What is wrong here?
I am not sure what you mean, but if you wish to re-generate your existing thumbnails so their sizes are readapted according to the new dimensions you have defined in Settings>Media or in functions.php (with add_image_size), just use the WordPress plugin "Regenerate Thumbnails". It works brilliantly (I used it many times before). It will take the original source images and regenerate all thumbnails at all defined image sizes. I hope I understood what your problem is.

Resources