Mizuho Ogino

By uploading a PDF attachment, this plugin convert the cover page to jpeg and attach it as a post thumbnail file. It also allows displaying a thumbnail icon and inserting PDF link with a cover image into the editor.
<h4>Available only for WordPress 4.0+, also only on the server which ImageMagick and GhostScript are installed.</h4>
This plugin hooks to the media editor and generates the first page image of PDF by using ImageMagick with GhostScript. It requires no setup, just activate the plugin via the admin install page. Allow to set a PDF as an image.
<h4>How it works</h4>
This Plugin replaces and extends the following features.
<ul>
<li>Generate cover image of PDF by using ImageMagick. Generated Image has different size variations and is attached to PDF.</li>
<li>Register Generated Image as Featured Image (post-thumbnail) of PDF.</li>
<li>Display Generated Image as icon instead of Mime-type Icon in Admin Page.</li>
<li>Hide Generated Image file itself in Media Library. (v1.2 or later)</li>
<li>Replace link text with JPG when inserting PDF to Text Editor.</li>
<li>Delete Generated Image when deleting PDF from Media Library.</li>
<li>Allow to manage and output Generated Image and PDF on manually in template file. (see Other Notes.)</li>
<li>Allow to set PDF as Featured Image and to use functions in the same way as image file. (v1.2 or later, see Other Notes.)</li>
<li>Allow to control maximum size of Generated Image and other default settings in Plugin Page. (v1.3.4 or later)</li>
</ul>
<h4>Generated Items</h4>
A generated image file is registered as post children of a PDF file and it has different size variations. Files build a tree like below.
<ul>
<li>my-file.pdf (Your PDF)
<ul>
<li>my-file-pdf.jpg (Generated Cover Image of Your PDF)
<ul>
<li>my-file-pdf-1024×768.jpg (Large Size)</li>
<li>my-file-pdf-300×225.jpg (Medium Size)</li>
<li>my-file-pdf-150×150.jpg (Thumbnail size)</li>
<li>…(And Your Custom File Sizes)</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>Insert HTML into the editor</h4>
Select a PDF file in the Media Uploader and insert it into the the editor. An output HTML is automatically rewritten like below.
<pre><code><a class="link-to-pdf" title="dummy-pdf" href="http://exmaple.com/wp-content/uploads/2015/01/dummy-pdf.pdf" target="_blank"><img width="227" height="320" class="size-medium wp-image-9999 thumb-of-pdf" src="http://exmaple.com/wp-content/uploads/2015/01/dummy-pdf-pdf-227x320.jpg" alt="thumbnail-of-dummy-pdf" /></a>
</code></pre>
*If you are using a document viewer plugin (like GDE) and want insert html which is made by it, select “Default (Title)” of “media” selector.
<h4>Get thumbnail in template file</h4>
A generated image ID is stored in [‘_thumbnail_id’] custom field of a PDF attachment post. An image ID is exportable by using get_post_thumbnail_id($your_pdf_id) or get_post_meta($your_pdf_id, ‘_thumbnail_id’, true) functions in a template file.
<pre><code>$pdf_id = 'your PDF file ID';
if ( $thumbnail_id = get_post_thumbnail_id( $pdf_id ) ) {
echo '<a class="pdf-link image-link" href="'.wp_get_attachment_url( $pdf_id ).'" title="'.esc_attr( get_the_title( $pdf_id ) ).'" target="_blank">'.wp_get_attachment_image ( $thumbnail_id, 'medium' ).'</a>';
}
</code></pre>
Or more simply, you can call images and link to PDF files by wp_get_attachment_image($your_pdf_id, $size) and wp_get_attachment_link($your_pdf_id, $size) functions. (v1.2 or later) *If the plugin is deactivated, this function just will return empty.
<pre><code>$pdf_id = 'your PDF file ID';
echo wp_get_attachment_image ( $pdf_id, 'medium' );
echo wp_get_attachment_link ( $pdf_id, 'medium' );
</code></pre>
If you call all PDFs that are attached to the post. You can get them by get_posts function.
Examples. 
Dynamically get PDFs that are attached to the post.
<pre><code><?php
$pdfs = get_posts( 'posts_per_page=-1&post_type=attachment&post_mime_type=application/pdf&post_parent='.$post->ID );
if( $pdfs ): foreach( $pdfs as $pdf ):
 $thumbnail_id = get_post_thumbnail_id( $pdf->ID );
 if( $thumbnail_id ):
 echo '<li>';
 echo '<a href="'wp_get_attachment_url( $pdf->ID )'" class="link-to-pdf">';
 echo wp_get_attachment_image ( $thumbnail_id, 'medium' );
 echo '</a>';
 echo '</li>';
 endif;
endforeach; endif;
?>
</code></pre>
<h4>Set PDF thumbnail as Featured Image</h4>
The plugin support you to set PDF as Featured Image. (v1.2 or later) 
Strictly explaining, when you set a PDF as Featured Image, the plugin automatically set the thumbnail which is registered with this PDF. 
You can call thumbnail by using get_the_post_thumbnail function.
<pre><code>echo get_the_post_thumbnail ( $post->ID, 'medium' );
</code></pre>
May you want pdf file from the post thumbnail.
<pre><code>$thumb_id = get_post_thumbnail_id ( $post->ID );
$pdf_id = get_post( $thumb_id )->post_parent;
if ( $pdf_id && get_post_mime_type ( $pdf_id ) === 'application/pdf' ){
 $pdf = get_post($pdf_id);
 echo '<a class="link-to-pdf" href="'.wp_get_attachment_url($pdf_id).'" title="'.esc_html($pdf->post_title).'" target="_blank">'.get_the_post_thumbnail().'</a>'."\n";
}
</code></pre>
<h4>Display attachment data with in caption</h4>
The plugin allows you to insert [caption] short-code into the post content area as when insert an image. If you want to display attachment title, description, file type, file size and so on, use img_caption_shortcode filter in your functions.php. 
Here’s an example code… 
 function add_attachment_data_in_caption( $empty, $attr, $content ) { 
 $attr = shortcode_atts( array( ‘id’=>”, ‘align’=>’alignnone’, ‘width’=>”, ‘caption’=>” ), $attr ); 
 if ( 1 > (int) $attr[‘width’] || empty( $attr[‘caption’] ) ) return ”; 
 if ( $attr[‘id’] ) { 
 $attr[‘id’] = ‘id=”‘ . esc_attr( $attr[‘id’] ) . ‘” ‘; 
 $attachment_id = explode(‘_’, $attr[‘id’]); 
 $attachment_id = $attachment_id[1];// get attachment id 
 if( get_post_mime_type ( $attachment_id ) === ‘application/pdf’ ){ 
 $attachment = get_post( $attachment_id ); 
 $bytes = filesize( get_attached_file( $attachment->ID ) ); 
 if ($bytes >= 1073741824) $bytes = number_format($bytes / 1073741824, 2). ‘ GB’; 
 elseif ($bytes >= 1048576) $bytes = number_format($bytes / 1048576, 2). ‘ MB’; 
 elseif ($bytes >= 1024) $bytes = number_format($bytes / 1024, 2). ‘ KB’; 
 elseif ($bytes > 1) $bytes = $bytes. ‘ bytes’; 
 elseif ($bytes == 1) $bytes = $bytes. ‘ byte’; 
 else $bytes = ‘0 bytes’; 
 $attr[‘caption’] = 
 ‘title : ‘ .$attachment->post_title. ‘ ‘ . // title 
 ‘caption : ‘ .$attr[‘caption’]. ‘ ‘ .// caption 
 ‘size : ‘ .$bytes. ‘ ‘ . // file size 
 ‘filetype : ‘ .get_post_mime_type ( $attachment_id ). ‘ ‘ . // file type 
 ‘description : ‘ .$attachment->post_content. ‘ ‘; // description 
 } 
 }
<pre><code> return 
 '<div ' .$attr['id']. 'class="wp-caption ' .esc_attr( $attr['align'] ). '" style="max-width: ' .( 10 + (int) $attr['width'] ). 'px;">' .
 do_shortcode( $content ). '' .$attr['caption']. '' .
 '</div>';
}
add_filter('img_caption_shortcode', 'add_attachment_data_in_caption', 10, 3);
</code></pre>
<h4>Generate thumbnails of all PDFs in the media library</h4>
You can generate thumbnails of any already-uploaded PDFs. 
Activate the plugin and Click “Generate Thumbnails Now” link in “settings”. (v1.3.3 or later)
<h4>Change attachment link attributes</h4>
<pre><code>function pigen_filter_attachment_link ( $html, $attach_id, $attach_url, $attach_output ){
 $attach_title = get_the_title( $attach_id );
 $html = '<a class="link-to-pdf" href="'.$attach_url.'" rel="attachment wp-att-' .esc_attr($attach_id). '" title="'.esc_attr( $attach_title ).'" target="_blank">' .$attach_output. '</a>';
 return $html;
};
add_filter( 'pigen_filter_attachment_link', 'pigen_filter_attachment_link', 10, 4 );
</code></pre>
<h4>Change thumbnail attributes</h4>
<pre><code>function pigen_filter_attachment_output ( $attach_output, $thumbnail_id, $thumbnail, $size, $align ){
 $attach_output = '<img src="'. $thumbnail[0] .'" alt="'.get_post_meta( $thumbnail_id, '_wp_attachment_image_alt', true ).'" width="'. $thumbnail[1] .'" height="'. $thumbnail[2] .'" class="'.( $align ? 'align' .$align. ' ' : '' ). 'size-' .esc_attr( $size ). ' wp-image-'.$thumbnail_id.'" />';
 return $attach_output;
};
add_filter( 'pigen_filter_attachment_output', 'pigen_filter_attachment_output', 10, 5 );
</code></pre>
<h4>Modify imageMagick’s Settings</h4>
Filters allow you to add your own modify imageMagick’s behaviour by hooking.
Sample usage for imageMagick user.
<pre><code>function pigen_filter_convert_file_basename( $file_basename ){
 $file_basename = str_replace( '.jpg', '.png', $file_basename );
 return $file_basename;
};
add_filter( 'pigen_filter_convert_file_basename', 'pigen_filter_convert_file_basename' );

function pigen_filter_convert_imageMagick( $imageMagick, $before_name, $after_name, $max_width, $max_height ){
 $imageMagick = "convert -density 150 -quality 80 -background black -flatten {$max_width}x{$max_height} {$before_name} {$after_name}";
 return $imageMagick;
};
add_filter( 'pigen_filter_convert_imageMagick', 'pigen_filter_convert_imageMagick', 10, 5 );
</code></pre>
Sample usage for imagick extension user.
<pre><code>function pigen_filter_convert_file_basename( $file_basename ){
 $file_basename = str_replace( '.jpg', '.png', $file_basename );
 return $file_basename;
};
add_filter( 'pigen_filter_convert_file_basename', 'pigen_filter_convert_file_basename' );

function pigen_filter_convert_imagick( $imagick ){
 $imagick->setImageBackgroundColor( 'black' );
 $imagick->setCompressionQuality( 80 );
 $imagick->setImageFormat( 'png' );
return $imagick;
};
add_filter( 'pigen_filter_convert_imagick', 'pigen_filter_convert_imagick' );
</code></pre>
<h4>Automatically save image/PDF as featured image</h4>
Automatically set PDF thumbnail as featured image.
<pre><code>function save_pdf_thumb_as_featuredimage ( $post_id ) { 
 if ( wp_is_post_revision( $post_id ) ) return; 
 if ( get_post_type( $post_id ) !== 'post' ) return; // set your post type
 if ( get_post_meta( $post_id, '_thumbnail_id', true ) ) return; // post already has featured image
 $attaches = get_posts ( 'post_parent='.$post_id.'&numberposts=-1&post_type=attachment&post_mime_type=application/pdf&orderby=menu_order&order=ASC' );
 if ( $attaches ): foreach( $attaches as $attach ):
 if ( $thumb_id = get_post_meta( $attach->ID, '_thumbnail_id', true ) ){ // if pdf has thumbnail
 update_post_meta( $post_id, '_thumbnail_id', $thumb_id );
 break;
 }
 endforeach; endif;
}
add_action( 'save_post', 'save_pdf_thumb_as_featuredimage' );
</code></pre>
Automatically set first image/PDF as featured image.
<pre><code>function save_thumbnail_as_featuredimage ( $post_id ) { 
 if ( wp_is_post_revision( $post_id ) ) return;
 if ( get_post_type( $post_id ) !== 'post' ) return; // set your post type
 if ( get_post_meta( $post_id, '_thumbnail_id', true ) ) return; // post already has featured image
 $args = array(
 'post_parent' => $post_id,
 'post_type' => 'attachment',
 'numberposts' => -1,
 'post_status' => null,
 'orderby' => 'menu_order date',
 'order' => 'ASC ASC'
 );
 $attaches = get_posts($args);
 if ( $attaches ): foreach( $attaches as $attach ):
 if ( $attach->post_mime_type == 'application/pdf' ){
 if ( $thumb_id = get_post_meta( $attach->ID, '_thumbnail_id', true ) ){ // if pdf has thumbnail
 update_post_meta( $post_id, '_thumbnail_id', $thumb_id );
 break;
 }
 } elseif ( preg_match("/^image\//", $attach->post_mime_type ) ) {
 update_post_meta( $post_id, '_thumbnail_id', $attach->ID );
 break;
 }
 endforeach; endif;
}
add_action( 'save_post', 'save_thumbnail_as_featuredimage' );
</code></pre>

PDF Image Generator

Also ties in really nicely with the media uploader, the image is set as the 'icon' field of the attachment, as one would want. PS The feature for generating images for existing pdfs is at the bottom of the settings - scroll down to see (unlike me the first time)!

Super stuff. Works perfectly.

Very impressed with how quick and easy it was to get up and running with the generated pdf views.

Great Little Plugin

Generate automatically cover image of PDF by using ImageMagick. Allow user to insert PDF link with thumbnail into editor and set as Featured Image.

GrandPlugins

This plugin allows you to easily convert any image type to another, including png, jpg, gif, webp, and avif. With just one click, you can convert your images to any of these formats, and with support for image subsizes, you can ensure that all of your images are optimized for your website.
<h3>More Features in Pro</h3>
👉 <a href="https://grandplugins.com/product/wp-image-converter/?utm_source=free&utm_medium=wp/" rel="nofollow ugc">Pro</a> 👈
<ul>
<li>
Auto Convert – Convert images from any type to another automatically on upload.
</li>
<li>
Bulk Convert – Convert images from any type to another in bulk.
</li>
<li>
Quick Convert – Convert any image from media list.
</li>
<li>
Keep File Extension – Convert images type without breaking embedded images URLs.
</li>
<li>
Quick Optimize – Optimize any image from media list.
</li>
<li>
Auto Optimize – Optimize any image automatically on upload.
</li>
<li>
Bulk Optimize – Optimize all images in on click.
</li>
<li>
Track optimization – Check optimization history of each image in the image edit page.
</li>
</ul>
<h3>Usage</h3>
<pre><code>Head to any image edit page from media menu, You will find the Converter metabox in right side of the page, select the target image type, then hit submit.<h3>Check Our other plugins</h3>
</code></pre>
<a href="https://grandplugins.com/product/woo-order-splitter/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Order Splitter</a>
<a href="https://grandplugins.com/product/woo-user-orders-limit/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo User Orders Limit</a>
<a href="https://grandplugins.com/product/woo-conditional-gateways/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Conditional Gateway</a>
<a href="https://grandplugins.com/product/wp-db-controller/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">WP DB Controller</a>
<a href="https://grandplugins.com/product/woo-lemonsqueezy-gateway/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Lemonsqueezy Gateway</a>
<a href="https://grandplugins.com/product/woo-instock-notifier/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo instock Notifier</a>
<a href="https://grandplugins.com/product/woo-gift-cards/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Gift Cards</a>
<a href="https://grandplugins.com/product/woo-restrict-orders/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Restrict Orders</a>
<a href="https://grandplugins.com/product/woo-bulk-price-change/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Bulk Price & Stock Manager</a>
<a href="https://grandplugins.com/product/woo-variation-sold-individually/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Variation Sold individually</a>
<a href="https://grandplugins.com/product/woo-paddle-checkout/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Paddle Checkout</a>
<a href="https://grandplugins.com/product/woo-sales-notification/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Sales notifications</a>
<a href="https://grandplugins.com/product/woo-cart-tracker/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Real time Cart Tracker</a>
<a href="https://grandplugins.com/product/woo-best-seller/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Woo Best Sellers</a>
<a href="https://grandplugins.com/product/woo-advanced-captcha/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">Advanced Captcha</a>
<a href="https://grandplugins.com/product/woo-advanced-add-to-cart/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">WooCommerce Advanced Bundles</a>
<a href="https://grandplugins.com/product/woo-advanced-pricing/?utm_source=free&utm_medium=wp-image-converter" rel="nofollow ugc">WooCommerce Advanced Pricing – Discounts & Quantity Swatches</a>
<a href="https://wordpress.org/plugins/image-sizes-controller/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Image Sizes Controller</a>
<a href="https://wordpress.org/plugins/cart-limiter/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">WooCommerce Cart Limiter</a>
<a href="https://wordpress.org/plugins/watermark-images-for-wp-and-woo-grandpluginswp/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">WP Watermark Images</a>
<a href="https://wordpress.org/plugins/coming-soon-products-for-woocommerce/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Coming Soon Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/cart-limiter/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">WooCommerce Cart and Order Limiter</a>
<a href="https://wordpress.org/plugins/watermark-pdf/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Watermark PDF</a>
<a href="https://wordpress.org/plugins/quick-view-and-buy-now-for-woocommerce/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Quick View and Buy Now for WooCommerce</a>
<a href="https://wordpress.org/plugins/ultimate-maintenance-mode-for-woocommerce/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">WooCommerce Maintenance Mode</a>
<a href="https://wordpress.org/plugins/sidebars-blocks/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Sidebars Gutenberg Blocks</a>
<a href="https://wordpress.org/plugins/large-images-uploader/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Large Images Uploader</a>
<a href="https://wordpress.org/plugins/ultimate-maintenance-mode-for-woocommerce/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Maintenance Mode for WooCommerce</a>
<a href="https://wordpress.org/plugins/ajax-single-add-to-cart-for-woocommerce/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Single Ajax Add to Cart For WooCommerce</a>
<a href="https://wordpress.org/plugins/gif-uploader-wp-grandplugins/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">GIF Uploader</a>
<a href="https://wordpress.org/plugins/pdf-password-protect/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">PDF Password Protect</a>
<a href="https://wordpress.org/plugins/gpls-paypal-subscriptions/?utm_source=free&utm_medium=wp-image-converter" rel="ugc">Paypal Subscriptions</a>
<a href="https://wpplugincreator.com" rel="nofollow ugc">WP Plugin Creator</a>

Image Converter & Optimizer


eccellent plugin, features in the free version are more than enough for most websites.



ps your site is not responsive






Excellent

Easily convert any image type to another, including png, jpg, gif, webp, and avif in a single click, with support for image subsizes.

PDF Image Generator vs Image Converter & Optimizer