devfolioco · cyrilbhau · Aug 5, 2025 · Aug 5, 2025 · Aug 5, 2025 · Aug 5, 2025
diff --git a/.gitattributes b/.gitattributes
@@ -1,3 +1,3 @@
 *.mp4 filter=lfs diff=lfs merge=lfs -text
-*.png filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
 *.gif filter=lfs diff=lfs merge=lfs -text
diff --git a/content/docs/guide/Projects/adding-managing-projects.mdx b/content/docs/guide/Projects/adding-managing-projects.mdx
@@ -43,7 +43,7 @@ Your project can be accessed via the Projects tab or the My Devfolio tab by clic
 
 <img src="/assets/part2.gif" alt="Access your project from your Devfolio dashboard" />
 
-<img src="/assets/pika-1693145728672-1x.png" alt="My Devfolio View" />
+<img src="/assets/pika-1693145728672-1x.webp" alt="My Devfolio View" />
 
 
 
@@ -60,7 +60,7 @@ You can check the Views, Likes, and Comments of your project once you've uploade
 
 Through the 'Project' tab, you can even update your projects and can tell your project viewers about the recent updates you made.
 
-<img src="/assets/image (298).png" alt="Project update UI" />
+<img src="/assets/image (298).webp" alt="Project update UI" />
 
 ### Here’s how you add updates:
 

diff --git a/content/docs/guide/Projects/report-a-project.mdx b/content/docs/guide/Projects/report-a-project.mdx
@@ -20,19 +20,19 @@ description: To create more transparency and stop unfair practices across Devfol
 1. A project can be reported for plagiarism, recycling, or inappropriate/offensive content.
 
 <figure>
-  <img src="/assets/image (97).png" alt="Report button on Devfolio project page" />
+  <img src="/assets/image (97).webp" alt="Report button on Devfolio project page" />
 </figure>
 
 2. The project builders can make their case against the report by replying to DevfolioBot’s comment on their Project Page.
 
 <figure>
-  <img src="/assets/image (129).png" alt="Builder response to report comment" />
+  <img src="/assets/image (129).webp" alt="Builder response to report comment" />
 </figure>
 
 3. If Devfolio’s Content & Moderation team finds the report valid, the said project will be publicly flagged on the platform.
 
 <figure>
-  <img src="/assets/image (136).png" alt="Flagged project status" />
+  <img src="/assets/image (136).webp" alt="Flagged project status" />
 </figure>
 
 4. More builders can support the builders whose project, they believe, has been flagged as a mistake by replying or upvoting/downvoting other replies.

diff --git a/content/docs/guide/Projects/view-submissions.mdx b/content/docs/guide/Projects/view-submissions.mdx
@@ -27,5 +27,5 @@ All submissions are collated in the `Projects` tab on the dedicated microsite of
 
 As and when the hackers make any updates to the project, it shows up as a timeline on their projects page.
 
-<img src="/assets/image (13).png" alt="Project update timeline" />
+<img src="/assets/image (13).webp" alt="Project update timeline" />
 <p align="center"><i>Track update history on project pages</i></p>
diff --git a/content/docs/guide/apply-with-devfolio-integration.mdx b/content/docs/guide/apply-with-devfolio-integration.mdx
@@ -60,7 +60,7 @@ Even after adding the code, the button **won't be visible** right away. For it t
 
 #### **Customisation via the `data-button-theme` attribute**
 
-<img src="/assets/applywithdevfolio.png" alt="Themes for Apply with Devfolio Button" />
+<img src="/assets/applywithdevfolio.webp" alt="Themes for Apply with Devfolio Button" />
 
 <Callout title="Warning" type="danger">
 As a security measure, we disable the button's functionality over website addresses other than the one you specify in the hackathon's setup.

diff --git a/content/docs/guide/cryptocheer.mdx b/content/docs/guide/cryptocheer.mdx
@@ -1,7 +1,7 @@
 ---
 title: Crypto Cheer on Devfolio
 description: With Crypto Cheer, we intend to create a community where builders are celebrated and financially supported, leading to higher-quality projects and meaningful innovations!
-cover: /assets/image-3-1.png
+cover: /assets/image-3-1.webp
 coverY: 193
 ---
 
@@ -20,30 +20,30 @@ coverY: 193
 
 
 ## 💖 Steps to Cheer on the Platform
-   <img src="/assets/image-4.1.png" alt="Choose Stickers" />
+   <img src="/assets/image-4.1.webp" alt="Choose Stickers" />
 
 1. Open the project page you want to cheer for and choose the stickers you'd like to use.
 
-   <img src="/assets/image-4.1.png" alt="Choose Stickers" />
+   <img src="/assets/image-4.1.webp" alt="Choose Stickers" />
 
 2. Pick from 4 sticker options and use the **+ / -** icons to adjust quantity.
 
-   <img src="/assets/image-4.2.png" alt="Sticker Quantity" />
+   <img src="/assets/image-4.2.webp" alt="Sticker Quantity" />
 
 3. Leave a kind message for the builders, then click the button below to complete the payment.
 
-   <img src="/assets/image-4.3.png" alt="Leave a message" />
+   <img src="/assets/image-4.3.webp" alt="Leave a message" />
 
 4. Click **Add to Cheer Basket** to confirm your sticker support.
 
-   <img src="/assets/image-4.4.png" alt="Add to Basket" />
+   <img src="/assets/image-4.4.webp" alt="Add to Basket" />
 
 5. Select and connect your **Ethereum wallet** to Devfolio for payment.
 
-   <img src="/assets/pika-1681456310900-1x.png" alt="Connect Wallet" />
+   <img src="/assets/pika-1681456310900-1x.webp" alt="Connect Wallet" />
 
 6. 🎉 That's it! Your support goes directly to the builders. View the transaction on EAS and spread the cheer on Twitter.
-   <img src="/assets/image-4.5.png" alt="Transaction on EAS" />
+   <img src="/assets/image-4.5.webp" alt="Transaction on EAS" />
 
 
 ### 📰 Want to Know More?

diff --git a/content/docs/guide/fun.mdx b/content/docs/guide/fun.mdx
@@ -23,24 +23,24 @@ Devfolio is the result of a need for intuitive tools to manage community hackath
 
 ### 👀 List your hackathon for much better visibility
 
-<img src="/assets/image (96).png" alt="Explore hackathon page" />
+<img src="/assets/image (96).webp" alt="Explore hackathon page" />
 <p align="center"><i>To explore the hackathon page, click <a href="https://devfolio.co/hackathons">here</a></i></p>
 
 ### 📊 Stay up-to-date and track all applications
 
-<img src="https://paper-attachments.dropbox.com/s_DF39119415D48D75A41A3100993F6D58FD194B951BE3C3AAB4AD2039B88A3347_1566654262029_Screen+Shot+2019-08-24+at+7.13.42+PM.png" alt="Track applications" />
+<img src="https://paper-attachments.dropbox.com/s_DF39119415D48D75A41A3100993F6D58FD194B951BE3C3AAB4AD2039B88A3347_1566654262029_Screen+Shot+2019-08-24+at+7.13.42+PM.webp" alt="Track applications" />
 
 ### 📃 Browse through each profile quickly
 
-<img src="/assets/image (145).png" alt="Browse profiles" />
+<img src="/assets/image (145).webp" alt="Browse profiles" />
 
 ### 📩 In-built email tool to write to your applicants
 
-<img src="/assets/image (159).png" alt="Email applicants" />
+<img src="/assets/image (159).webp" alt="Email applicants" />
 
 ### 📱 Create an Engaging Online Presence with Devfolio's Hackathon Microsite
 
-<img src="/assets/Untitled (2).png" alt="Hackathon microsite" />
+<img src="/assets/Untitled (2).webp" alt="Hackathon microsite" />
 Learn all about the organizer end of the platform here 👇🏻
 <Card
   title="🤹‍♂️ Devfolio for Organizers"
@@ -55,24 +55,24 @@ Now you ask, "_**What can I do on Devfolio?**_ 🤔". Here ya go!
 
 ### 🏆 Participate in hackathons & win prizes
 
-<img src="/assets/image (108).png" alt="Participate in hackathons" />
+<img src="/assets/image (108).webp" alt="Participate in hackathons" />
 
 ### 🖼️ Build & Showcase your Portfolio
 
-<img src="/assets/image (222).png" alt="Portfolio showcase" />
+<img src="/assets/image (222).webp" alt="Portfolio showcase" />
 
 ### 🏅 Test your skills & earn Devfolio badges
 
-<img src="/assets/image (173).png" alt="Earn badges" />
+<img src="/assets/image (173).webp" alt="Earn badges" />
 
 ### 💻 Showcase your previously built projects
 
-<img src="/assets/image (128).png" alt="Project showcase" />
+<img src="/assets/image (128).webp" alt="Project showcase" />
 <p align="center"><i>You can showcase projects even if you have not submitted them to any hackathon!</i></p>
 
 ### 💡 You are never short of ideas at Devfolio
 
-<img src="/assets/image (135).png" alt="Ideas and inspiration" />
+<img src="/assets/image (135).webp" alt="Ideas and inspiration" />
 Start to learn more about the hacker end of the platform here 👇🏻
 <Card
   title="👨‍💻 Devfolio for Hackers"

diff --git a/content/docs/guide/judging.mdx b/content/docs/guide/judging.mdx
@@ -3,7 +3,7 @@ title: Judging
 description: This document provides a comprehensive guide to the judging process on Devfolio, from both the Judge's and Organizer's perspectives.
 ---
 
-<img src="/assets/image (299).png" alt="Judging Overview" />
+<img src="/assets/image (299).webp" alt="Judging Overview" />
 
 ## Judging Mode
 

diff --git a/content/docs/guide/keyboard-accessibility.mdx b/content/docs/guide/keyboard-accessibility.mdx
@@ -56,7 +56,7 @@ Time to find a hackathon to submit your project!
 - `Arrow Keys` – Move through lists and options
 - `/` – Focus the **Search Bar**
 
-<img src="https://assets.devfolio.co/content/7e2cf913793f4bddb809713a0bcd14ae/9b9e6199-c143-4494-bb29-ac2077be8e53.png" alt="Keyboard accessibility" />
+<img src="https://assets.devfolio.co/content/7e2cf913793f4bddb809713a0bcd14ae/9b9e6199-c143-4494-bb29-ac2077be8e53.webp" alt="Keyboard accessibility" />
 
 ## 🧪 Example Flow
 

diff --git a/content/docs/guide/modes.mdx b/content/docs/guide/modes.mdx
@@ -1,7 +1,7 @@
 ---
 title: Hackathon on Devfolio
 description: Devfolio offers three different hackathon modes
-cover: "/assest/image-1.png"
+cover: "/assest/image-1.webp"
 ---
 
 Devfolio offers a comprehensive suite of modes to facilitate the organization of your hackathon event. There are three distinct options available:

diff --git a/content/docs/guide/my-devfolio.mdx b/content/docs/guide/my-devfolio.mdx
@@ -5,7 +5,7 @@ description: Your Devfolio Profile Page 🤩
 
 Once you add all the relevant data about yourself, Devfolio provides you with a Profile Page 👇
 
-<img src="/assets/image (180).png" />
+<img src="/assets/image (180).webp" />
 <p align="center"><i>Devfolio Profile Page preview</i></p>
 
 If your Devfolio profile is public, it can be viewed at: `https://devfolio.co/@username`

diff --git a/content/docs/guide/offline-judging.mdx b/content/docs/guide/offline-judging.mdx
@@ -7,23 +7,23 @@ description: Step-by-step guide for judges participating in in-person (offline)
    Judges will receive an email once they are added by organizers to the judging dashboard. The judging view will be accessible at:  
    `devfolio.co/judging/&lt;hackathon-slug&gt;`
 
-<img src="/assets/image (21).png" alt="Signup/Login page" />
-<img src="/assets/image (27).png" alt="Judging dashboard landing page" />
+<img src="/assets/image (21).webp" alt="Signup/Login page" />
+<img src="/assets/image (27).webp" alt="Judging dashboard landing page" />
 
 2. **Start Judging**  
    Use the search bar to find a project by typing in the team name, builder name, or email address.
 
-<img src="/assets/image (25).png" alt="Search project to judge" />
+<img src="/assets/image (25).webp" alt="Search project to judge" />
 
 3. **Score Projects**  
    Enter scores based on the judging criteria. Judges can revisit and update scores any time before judging concludes.
 
-<img src="/assets/image (28).png" alt="Score input screen" />
+<img src="/assets/image (28).webp" alt="Score input screen" />
 
 4. **Drop Notes**  
    Leave notes while judging to help finalize the winners after evaluations are complete.
 
-<img src="/assets/image (30).png" alt="Add notes during judging" />
+<img src="/assets/image (30).webp" alt="Add notes during judging" />
 
 <Callout type="info" title="Judging Completion Requirement">
 All projects must be judged by at least the minimum number of judges set by organizers. If a project doesn’t meet this requirement, it will be marked as **partially judged**. These can be resolved on-ground with the help of Devfolio staff.

diff --git a/content/docs/guide/online-judging.mdx b/content/docs/guide/online-judging.mdx
@@ -8,15 +8,15 @@ description: Guide for judges to score assigned projects online via the Devfolio
    Judges will receive an email once added by the organizers via the judging dashboard. The judging view will be available at:  
    `devfolio.co/judging/&lt;hackathon-slug&gt;`
 
-<img src="/assets/image (31).png" alt="Judging access email and dashboard view" />
+<img src="/assets/image (31).webp" alt="Judging access email and dashboard view" />
 
 2. **Score Assigned Projects**  
    Judges will score projects assigned to them based on the provided judging criteria.
 
-<img src="/assets/image (33).png" alt="Judging UI with score input" />
+<img src="/assets/image (33).webp" alt="Judging UI with score input" />
 <p>You can use carousel arrows to navigate between projects.</p>
 
 3. **Drop Notes**  
    Judges can leave internal notes during the judging process to help with winner finalization later.
 
-<img src="/assets/image (34).png" alt="Add judging notes" />
+<img src="/assets/image (34).webp" alt="Add judging notes" />
diff --git a/content/docs/guide/organizer-dashboard/additional-tab/logistic-tab.mdx b/content/docs/guide/organizer-dashboard/additional-tab/logistic-tab.mdx
@@ -11,14 +11,14 @@ description: Offloading organizers by managing logistics like reimbursements, t-
 
 If you are providing reimbursement to attending hackers, they will be asked to upload their travel tickets during the RSVP process. The tickets will show up here along with their preferred repayment mode.
 
-<img src="/assets/image-9.24.png" alt="Travel reimbursement tracker" />
+<img src="/assets/image-9.24.webp" alt="Travel reimbursement tracker" />
 <p align="center"><i>You can keep track of their reimbursement status using the toggles on the extreme right.</i></p>
 
 ---
 
 ## Keep Track of T-Shirt Size and Allergies
 
-<img src="/assets/image-9.25.png" alt="T-shirt size and allergy info" />
+<img src="/assets/image-9.25.webp" alt="T-shirt size and allergy info" />
 <p align="center"><i>Participant clothing & dietary needs</i></p>
 
 - You can find the T-Shirt size distribution for `Submitted` and `RSVP'd` hackers, which is useful while ordering swag. This can be further categorized gender-wise.  

diff --git a/content/docs/guide/organizer-dashboard/additional-tab/volunteer-tab.mdx b/content/docs/guide/organizer-dashboard/additional-tab/volunteer-tab.mdx
@@ -7,7 +7,7 @@ Devfolio provides an easy way to keep track of the attendees present at the hack
 
 The <code>expected</code> count at the bottom indicates the number of hackers who have confirmed their intention to attend the hackathon by completing the RSVP process.
 
-<img src="/assets/image-9.21.png" alt="Volunteer tab dashboard" />
+<img src="/assets/image-9.21.webp" alt="Volunteer tab dashboard" />
 <p align="center"><i>Volunteer Tab view</i></p>
 
 ---
@@ -21,7 +21,7 @@ Hackers can be checked-in by entering their:
 <p align="center"><i>Search and check-in by name</i></p>
 
 - Username  
-<img src="/assets/image-9.22.png" alt="Check-in by username" />
+<img src="/assets/image-9.22.webp" alt="Check-in by username" />
 <p align="center"><i>Check-in a hacker by username</i></p>
 
 - Email ID  
@@ -31,7 +31,7 @@ Hackers can be checked-in by entering their:
 Hackers can access their QR code in the RSVP confirmation email or on their dashboard at:  
 👉 [https://devfolio.co/settings](https://devfolio.co/settings)
 
-<img src="/assets/image-9.23.png" alt="Hacker QR code view" />
+<img src="/assets/image-9.23.webp" alt="Hacker QR code view" />
 <p align="center"><i>QR code for check-in</i></p>
 
 <Callout title="Heads up!" type="warning">

diff --git a/content/docs/guide/organizer-dashboard/admin-tab.mdx b/content/docs/guide/organizer-dashboard/admin-tab.mdx
@@ -15,40 +15,40 @@ import { Tabs, Tab } from "fumadocs-ui/components/tabs";
     </Callout>
 
     <p>You can also extend the RSVP deadline for a specific user by X number of days or hours. This is useful when a user misses the RSVP deadline after being accepted but you still want them to attend.</p>
-    <img src="/assets/image-9.12.png" alt="Extend RSVP deadline" />
+    <img src="/assets/image-9.12.webp" alt="Extend RSVP deadline" />
   </Tab>
 
   <Tab value="Change & Extend Deadlines">
     <h3>Change Application Deadline</h3>
-    <img src="/assets/image-9.14.png" alt="Change Application Deadline" />
+    <img src="/assets/image-9.14.webp" alt="Change Application Deadline" />
 
     <h3>Extend RSVP Deadline</h3>
     <p>You can extend the RSVP deadline for all hackers using the dashboard. For example, if you extend the RSVP Deadline by <code>N</code> days, hackers can RSVP within <code>N</code> days from the moment you apply the extension.</p>
-    <img src="/assets/image-9.15.png" alt="Extend RSVP Deadline" />
+    <img src="/assets/image-9.15.webp" alt="Extend RSVP Deadline" />
 
     <h3>Extend Project Submission Deadline</h3>
     <p>If you need to give hackers more time due to unforeseen circumstances, you can extend the project submission deadline from here.</p>
-    <img src="/assets/image-9.16.png" alt="Extend Project Deadline" />
+    <img src="/assets/image-9.16.webp" alt="Extend Project Deadline" />
   </Tab>
 
   <Tab value="Download CSV">
     <h3>Online Mode</h3>
     <p>Download the list of participants who submitted projects to your hackathon.</p>
-    <img src="/assets/image-9.17.png" alt="Download participants - online mode" />
+    <img src="/assets/image-9.17.webp" alt="Download participants - online mode" />
 
     <h3>Online with Application Review / Offline Mode</h3>
     <p>Download the list of participants who RSVP’d to your hackathon.</p>
-    <img src="/assets/image-9.18.png" alt="Download RSVP list" />
+    <img src="/assets/image-9.18.webp" alt="Download RSVP list" />
   </Tab>
 
   <Tab value="Make an Announcement">
     <p>The Admin tab also lets you send announcements to hackers — to keep them informed about updates or changes. When clicking on ‘Preview’, a checkbox will appear that allows the announcement to also be sent via email.</p>
-    <img src="/assets/image-9.19.png" alt="Audience Segments" />
+    <img src="/assets/image-9.19.webp" alt="Audience Segments" />
 
     <Callout title="Tip" type="info">
       If you wish to send out the announcement as an email (recommended), make sure you check the option to <code>Also send as email</code> before hitting send.
     </Callout>
 
-    <img src="/assets/image-9.20.png" alt="Send Announcement Preview" />
+    <img src="/assets/image-9.20.webp" alt="Send Announcement Preview" />
   </Tab>
 </Tabs>
diff --git a/content/docs/guide/organizer-dashboard/overview-tab.mdx b/content/docs/guide/organizer-dashboard/overview-tab.mdx
@@ -5,12 +5,12 @@ description: The Overview Tab helps you track the results of your outreach effor
 
 ## Overall Application Stats
 
-<img src="/assets/image-9.1.png" alt="Application Stats" />
+<img src="/assets/image-9.1.webp" alt="Application Stats" />
 <p align="center"><i>Overall Application Statistics</i></p>
 
 ## Project Submission Stats
 
-<img src="/assets/image-9.2.png" alt="Offline Mode Overview" />
+<img src="/assets/image-9.2.webp" alt="Offline Mode Overview" />
 <p align="center"><i>Overview Tab for "Offline" mode</i></p>
 
 ## Filter Applications
@@ -20,7 +20,7 @@ description: The Overview Tab helps you track the results of your outreach effor
   <br />Click <a href="admin.md#make-an-announcement">here</a> to learn more.
 </Callout>
 
-<img src="/assets/image-9.3.png" alt="Filter Applications View" />
+<img src="/assets/image-9.3.webp" alt="Filter Applications View" />
 <p align="center"><i>Filter Applications</i></p>
 
 ## Other Details
@@ -30,5 +30,5 @@ description: The Overview Tab helps you track the results of your outreach effor
 - Graduation Year  
 - Educational Institutions (Top 5 institutions from where the hackathon has received applications)
 
-<img src="/assets/image-9.4.png" alt="Application Insights" />
+<img src="/assets/image-9.4.webp" alt="Application Insights" />
 <p align="center"><i>Demographic breakdown & insights</i></p>