Regular expressions·an image file extension

an image file extension

Matches an image file extension. It is anchored at both ends, so the whole string has to match. There are no capture groups.

Pattern
/^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i
Match scope
the whole string
Capture groups
0
Flags
i · ignore case
What it catches in the first example
photo.jpg

Try it yourself

Type any text and the parts this expression catches are highlighted. It runs in your browser and is never sent anywhere.

photo.jpg

1 match

Examples that match

  • photo.jpg
  • icon.SVG

Examples that do not match

  • photo.txt
  • jpg
  • .png

Other expressions in this group

^\+[1-9]\d{7,14}$a phone number in international form^[a-z][a-z0-9_]{2,15}$a username that starts with a letter^[a-z0-9]+(?:-[a-z0-9]+)*$a URL slug^[^\\/:*?"<>|]+\.[a-z0-9]+$a file name with an extension^/(?:[^/\0]+/)*[^/\0]*$a Unix-style path^[A-Za-z]:\\(?:[^\\/:*?"<>|]+\\)*[^\\/:*?"<>|]*$a Windows path^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$a single HTML tag^\.-?[_a-z][_a-z0-9-]*$a CSS class selector

How to read this

  • With ^ and $ around it, the whole string must match; without them the match can sit anywhere. Always anchor an expression you use for validation.
  • Round brackets ( ) capture what they wrap. When you only need grouping, write (?: ) so the numbering of later groups does not shift.
  • Every expression here is checked against its examples. Even so, "looks like an email" and "is a real inbox" remain different questions.
  • Nested open-ended repeats such as (a+)+ can blow up on certain inputs. Look for that shape before pasting someone else’s expression into your code.

Frequently asked questions

Q. What is the regex for an image file extension?

^.+\.(?:jpe?g|png|gif|webp|avif|svg)$, with the i flag.

Q. Which strings match?

Text like photo.jpg matches; text like photo.txt does not.

Q. Does the whole string have to match?

Yes. It is wrapped in ^ and $, so nothing but a full match passes.

Q. How do I use what it caught?

There are no capture groups, so only the whole match (match[0]) comes back. Wrap the part you need in brackets to capture it.