srcset

There are 1 repository under srcset topic.

• vanilla-lazyload

  verlok / vanilla-lazyload

  LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

  lazyload-imageslazy-loadingresponsive-imagesintersectionobserverwebpimagesvideosiframeslazyloadlazyload-iframeslazyload-videoslazyload-scriptpicture-tagpicturesrcsetsrcset-sizeslazy-sizesvanilla-javascriptvanilla-jshacktoberfest
  Language:JavaScript 7842

• Atyantik / react-pwa

  An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

  pwareactssrhot-reloadcode-splittingseobabelsrcsetexpressjsjavascriptes7hstshstspreloadpwa-appswebpack4reactpwa
  Language:TypeScript 2570
• imgix.js

  imgix / imgix.js

  Responsive images in the browser, simplified

  imgixsrcsetsrcimagesjavascriptsigning-imgix-urlshtml
  Language:JavaScript 965

• andismith / grunt-responsive-images

  Produce images at different sizes for responsive websites.

  gruntgraphicsmagickresponsive-imagesgrunt-pluginspicturefillsrcsetresizing-imagesimagemagick
  Language:JavaScript 719
• react-imgix

  imgix / react-imgix

  React component to display imgix images

  imgixsrcsetsrcimagessigning-imgix-urlsreactreactjscomponentshacktoberfest
  Language:JavaScript 380
• defer.js

  shinsenter / defer.js

  🥇 A small JavaScript library to lazy-load almost anything. Defer.js is dependency-free, efficient, and optimized for Web Vitals.

  vanillajslazysizesdeferjsintersection-observersrcsetlazyloadlazyloaderscroll-revealunveilvanilla-lazyloadlazy-audiolazy-csslazy-iframelazy-imagelazy-javascriptlazy-jslazy-picturelazy-stylesheetlazy-videomicrojs
  Language:JavaScript 285

• coreyward / sanity-image

  React component for displaying well-optimized images from Sanity.io easily

  imageimagesreactsanitysanity-iosrcset
  Language:TypeScript 134
• js-core

  imgix / js-core

  A JavaScript client library for generating image URLs with imgix

  imgixsrcsetsrcurlbuilderimagessigning-imgix-urlsjavascriptcommonjscore-jsnpmhacktoberfest
  Language:JavaScript 128
• imgix-php

  imgix / imgix-php

  A PHP client library for generating URLs with imgix

  imgixsrcsetsrcimagessigning-imgix-urlsphpurl-builderhacktoberfest
  Language:PHP 113
• imgix-rails

  imgix / imgix-rails

  A gem for integrating imgix into Rails projects

  imgixsrcsetsrcurl-buildersigning-imgix-urlsimagesruby-on-railshacktoberfest
  Language:Ruby 109
• imgix-rb

  imgix / imgix-rb

  A Ruby gem for generating image URLs with imgix

  imgixsrcsetimagessigning-imgix-urlssrcurl-builderrubyhacktoberfest
  Language:Ruby 76

• trishume / enfasten

  ⚡️ Automatically make your site faster with optimized responsive images

  golangresponsive-imagesstatic-sitesrcsetimage-optimization
  Language:Go 64

• BKWLD / vue-visual

  Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

  vuevideo-playerloaderlazy-loadingsrcsetintersectionobserver
  Language:JavaScript 60

• HCESrl / vue-responsive-image

  A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.

  vue-componentsvuevuejsresponsive-imagesresponsive-web-designresponsive-designfront-endsrcset
  Language:Vue 59

• robinscholz / better-rest

  Kirby plugin for better REST requests

  apicmsheadlessjsonkirbykirbycmskirbytagkirbytagsmarkdownrestsrcset
  Language:PHP 52
• jekyll-imgix

  imgix / jekyll-imgix

  A plugin for integrating imgix into Jekyll sites

  imgixsrcsetsrcimagesurl-buildersigning-imgix-urlsjekylljekyll-plugin
  Language:Ruby 51

• FriendsOfREDAXO / media_srcset

  Media-SrcSet implementiert SRCSET-Funktionalität.

  redaxomediasrcsetredaxo-addonsrcset-builderphpaddon
  Language:PHP 44

• bnomei / kirby3-srcset

  Kirby 3 Plugin for creating lazyloading image srcset

  kirby3kirby3-cmskirby3-pluginsrcsetimageslazysizeskirbytageditor-blockimglazyloadflickityloadjslozard
  Language:PHP 43

• revolunet / react-srcset-image

  React component to optimize your images based on srcset and add an automatic medium-like blur animation.

  reactsrcsetresponsiveimage-processingwebpack
  Language:JavaScript 42
• imgix-python

  imgix / imgix-python

  A Python client library for generating URLs with imgix

  imgixsrcsetsrcimagesurl-builderpythonsigning-imgix-urlshacktoberfest
  Language:Python 38

• sitegeist / sms-responsive-images

  This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

  aspect-ratiocroppingimagespicturepicturefillresponsive-imagesretinasizessrcsettypo3
  Language:PHP 34

• Calvin-LL / webpack-image-srcset-loader

  Generate srcset string from image

  webpackloadersrcset-stringsrcsetimage
  Language:TypeScript 30
• imgix-swift

  imgix / imgix-swift

  A Swift client library for generating URLs with imgix

  imgixsrcsetsrcurl-builderimagessigning-imgix-urlsswiftcarthagecocoapods
  Language:Swift 25

• adrianboston / srcset.sh

  A command line script that generates multiple responsive versions of an image at width breakpoints -- 320,480,640,768,960,1024,1280,1440 pixels wide -- that match common Mobile and widescreen desktop/laptop viewports using Imagemagick's convert utility and outputs the needed <img/> tag

  html5imagemagickshell-scriptsrcsetresponsive-imagesjpeglegacy-browserscompressioncompression-qualityhtmlconvertsunix-shellpsd-to-htmlpsd-jpgphotoshopbreakpoints
  Language:Shell 24

• ecoAPM / SrcSet

  A CLI to create sets of responsive images for the web

  jpegimagepngsrcsetimagesharpresponsivehacktoberfest
  Language:C# 21
• imgix-java

  imgix / imgix-java

  A Java client library for generating URLs with imgix

  imgixsrcsetsrcurl-builderimagessigning-imgix-urlsjava
  Language:Java 19
• imgix-statamic

  imgix / imgix-statamic

  An add-on for integrating imgix into Statamic sites

  imgixsrcsetsrcimagesurl-buildersigning-imgix-urlsstatamic-addonstatamic
  Language:PHP 17

• molefrog / srcset-parse

  🏙 Extra tiny `srcset` attribute parser ~150B

  responsive-imagessrcsetzero-dependencymicro-libraryimages
  Language:TypeScript 17

• brokenmass / advanced-image-loader

  Advanced webpack2 image loader with support for image resizing, srcset and inlined placeholder. And it's blazing fast

  imageimage-loaderresizeresize-imagessrcsetwebpack-loader
  Language:JavaScript 16
• imgix-csharp

  imgix / imgix-csharp

  A C# client library for generating image URLs with imgix

  imgixsrcsetsrcimagesurl-buildersigning-imgix-urlscsharp
  Language:C# 16
• imgix-go

  imgix / imgix-go

  A Go client library for generating image URLs with imgix

  imgixsrcsetsrcimagesurl-buildergolanggosigning-imgix-urls
  Language:Go 16

• rolandtoth / MarkupSrcSet

  Generate srcset markup with ease in ProcessWire CMS.

  srcsetlazyloadprocesswireprocesswire-cmslazysizes-javascript
  Language:PHP 13

• brybrophy / react-sorcerer

  A react component and companion hook that builds a srcset for your img tags.

  reactimage-processingsrcset
  Language:TypeScript 11

• asilgag / responsive-background-images

  Lightweight vanilla JS plugin for loading progressive background images.

  responsivesrcsetbackgroundimages
  Language:JavaScript 10

• TrigenSoftware / gulp-srcset

  Highly customizable plugin for generating responsive images.

  srcsetresponsive-imagespicture
  Language:JavaScript 10

• axe312ger / metalsmith-adaptive-images

  DEPRECATED: A plugin for Metalsmith to create adaptive images via srcset and styles properties

  metalsmithmetalsmith-pluginsrcset
  Language:JavaScript 9