by ramseyp 5 (7 reviews)

WP Fluid Images

Name: WP Fluid Images
Rating: 5.0 (7 reviews)
Author: ramseyp

WP Fluid Images replaces the fixed width and height attributes so your images resize in a fluid or responsive design.

WP Fluid Images ranks #9,726 among WordPress.org plugins with 400+ active installations, is #1,057 of 6,327 in the Media category, a 5/5 rating from 7 reviews, and was last updated May 4, 2012. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 3.4 (Current: 7.1)

vtrunk Current Version vtrunk

Updated 14 years ago Last Update on 04 May, 2012

Refreshed 8 hours ago Last Refreshed on

#1,057 of 6,327 in Media Top 25% by installs No update in over a year

View on WordPress.org

Rank

#9,726

-3 this week

Active Installs

400+

-13.2%

KW Avg Position

N/A

— No change

Downloads

26.1K

+2 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (7 reviews)

Next Milestone 500

Total Progress 47%

400+ 500+

617

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 53 more installs to reach 500+

Rank Changes

Current #9,726

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

7 reviews

Overall 100%

7 (100%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for WP Fluid Images. Checked 1 month ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: trunk
Last Updated: May 04, 2012
Requires WP: 3.0+
Tested Up To: 3.4
PHP Version: N/A
Author: ramseyp

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 7
Support Threads: 0
Resolved: 0%

Keywords

fluid images responsive

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,754

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Jetpack – WP Security, Backup, Speed, & Growth

3M+ installs

#18

Advanced Custom Fields (ACF®)

2M+ installs

#28

Image Optimization – Compress Images and Convert to WebP or AVIF

Regenerate Thumbnails

1M+ installs

#64

Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

1M+ installs

#65

Imagify Image Optimization: Optimize Images | Compress & Convert to WebP/AVIF

View all Media plugins

TL;DR

AI summary of the plugin's readme

WordPress site owners using responsive themes who insert images into posts or pages. It removes fixed width/height attributes from images so they resize fluidly instead of breaking the responsive layout.

Removes fixed width/height attributes
Adds max-width 100% style rule
Handles resized images via jQuery
Calculates width as percentage
Supports gallery image sizing
Supports captioned image sizing

Frequently Asked Questions

Common questions about WP Fluid Images

Fluid Images is the concept of having images that size proportionally and smoothly as your web page's width increases or decreases. Ethan Marcotte wrote an article on the idea at A List Apart: http://www.alistapart.com/articles/fluid-images/ You can also learn more at his site: http://unstoppablerobotninja.com/entry/fluid-images/

Responsive Web Design is the idea of having your site's design adjust based on the width of the browser window. This allows you to create a single, adjustable design that works regardless of the size of the device, rather than building a design for desktop browsing, another for tablets, another for mobile phones, etc.

You can override the style rules by adding a more specific style in your theme's style sheet (style.css). The style added to wp_footer contains this declaration: img { max-width:100%; height:auto; } In your style sheet, add a declaration that has a parent element's tag, class, ID, or some combination, along with the img tag and your desired width and height. Examples: body img { max-width: 90%; } #content img { max-width: 99%; } The greater specificity will override the plugin's default img` max-width value.