Din bildoptimerings”process” finns troligen på tre ställen samtidigt: ett rörigt kalkylark med URL:er, en halvorganiserad Drive-mapp och en att-göra-lista som du skriver om hela tiden. Sedan uppdaterar någon en JPG-länk, en PNG slinker igenom, och du är tillbaka till att ladda ner, konvertera, döpa om, ladda upp. Igen.
Det är här Sheets WebP-automatisering snabbt betalar sig. Marknadschefer som ska få ut landningssidor, SEO-konsulter som städar upp Core Web Vitals och byråansvariga som jonglerar kunders tillgångar hamnar alla i samma flaskhals. För många bilder, för lite tid och alldeles för många ”var sparade du den filen?”-meddelanden.
Det här arbetsflödet gör ett enkelt Google-kalkylark till en pipeline för bildkonvertering. Du får se hur det konverterar JPG/PNG-länkar till WebP med APYHub, uppdaterar arket automatiskt och sparar färdiga WebP-filer i Google Drive (redo att använda, utan att leta).
Så fungerar automatiseringen
Se hur detta löser problemet:
n8n Workflow Template: Google Sheets till Google Drive: WebP-bilder klara
flowchart LR
subgraph sg0["Manual Launch Flow"]
direction LR
n0@{ icon: "mdi:play-circle", form: "rounded", label: "Manual Launch Trigger", pos: "b", h: 48 }
n1@{ icon: "mdi:swap-vertical", form: "rounded", label: "Assign API Token", pos: "b", h: 48 }
n2@{ icon: "mdi:database", form: "rounded", label: "Retrieve Image Rows", pos: "b", h: 48 }
n3["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/code.svg' width='40' height='40' /></div><br/>Extract File Suffix"]
n4@{ icon: "mdi:swap-horizontal", form: "rounded", label: "Route by Format", pos: "b", h: 48 }
n5["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/httprequest.dark.svg' width='40' height='40' /></div><br/>Convert JPEG to WEBP"]
n6["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/httprequest.dark.svg' width='40' height='40' /></div><br/>Convert PNG to WEBP"]
n7@{ icon: "mdi:database", form: "rounded", label: "Modify Sheet Row", pos: "b", h: 48 }
n8["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/httprequest.dark.svg' width='40' height='40' /></div><br/>Fetch Converted File"]
n9@{ icon: "mdi:cog", form: "rounded", label: "Store Image to Drive", pos: "b", h: 48 }
n2 --> n3
n4 --> n5
n4 --> n6
n6 --> n7
n1 --> n2
n7 --> n8
n3 --> n4
n8 --> n9
n5 --> n7
n0 --> n1
end
%% Styling
classDef trigger fill:#e8f5e9,stroke:#388e3c,stroke-width:2px
classDef ai fill:#e3f2fd,stroke:#1976d2,stroke-width:2px
classDef aiModel fill:#e8eaf6,stroke:#3f51b5,stroke-width:2px
classDef decision fill:#fff8e1,stroke:#f9a825,stroke-width:2px
classDef database fill:#fce4ec,stroke:#c2185b,stroke-width:2px
classDef api fill:#fff3e0,stroke:#e65100,stroke-width:2px
classDef code fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px
classDef disabled stroke-dasharray: 5 5,opacity: 0.5
class n0 trigger
class n4 decision
class n2,n7 database
class n5,n6,n8 api
class n3 code
classDef customIcon fill:none,stroke:none
class n3,n5,n6,n8 customIcon
Utmaningen: konvertera och arkivera bilder utan onödigt manuellt arbete
Att konvertera bilder till WebP är den enkla delen. Det som tar tid är allt runt omkring: hämta rätt URL, kontrollera om det är JPG eller PNG, köra en konverterare, spara filen någonstans som är logiskt, och sedan komma ihåg att uppdatera ditt spårningsark så att du inte gör om jobbet nästa vecka. Och om du gör SEO-åtgärder har du ofta dussintals (ibland hundratals) bilder över inlägg, produktsidor eller kunders sajter. Då blir ”snabb uppgift” en eftermiddag, och misstag smyger sig in när du gör samma steg i loop.
Det blir snabbt mycket. Här är var det oftast faller isär.
- Folk konverterar filer men glömmer att uppdatera arket, så samma bilder bearbetas igen senare.
- Nedladdningar och uppladdningar hamnar i slumpmässiga mappar, vilket betyder att du tappar tid på att leta (eller göra om jobbet).
- JPG och PNG kräver olika hantering, och manuell sortering leder till överraskningar som ”varför konverterades inte den här?”.
- Team skickar uppdateringar till sajten innan bilderna är optimerade och undrar sedan varför prestandapoängen inte rör sig.
Lösningen: konvertera till WebP, uppdatera arket, spara i Drive
Det här arbetsflödet hämtar bildlänkar direkt från Google Sheets, konverterar varje JPG/PNG till WebP via APYHub API och håller din spårning snygg under tiden. Du börjar med ett ark som har en FROM-kolumn (ursprunglig bild-URL), en TO-kolumn (dit den konverterade URL:en ska skrivas) och en DONE-flagga så att du kan hoppa över sådant som redan är hanterat. När du kör arbetsflödet läser det varje rad, tar reda på filtypen, skickar rätt konverteringsanrop och skriver tillbaka den konverterade URL:en på samma rad. Sedan laddar det ner den resulterande WebP-filen och laddar upp den till en Google Drive-mapp du väljer. Slutresultat: ditt ark är alltid uppdaterat och dina WebP-filer ligger där teamet faktiskt arbetar.
Arbetsflödet startar med en manuell körning i n8n, så att du kan testa säkert. Efter att det har hämtat rader från Google Sheets kontrollerar det filändelsen och skickar JPG/JPEG respektive PNG till rätt APYHub-konverteringsanrop. Till sist uppdaterar det kalkylarket, hämtar den konverterade bilden och lagrar WebP-filen i Google Drive.
Vad som förändras: före vs. efter
| Detta eliminerar | Effekten du märker |
|---|---|
|
|
Praktisk effekt
Säg att du optimerar en batch med 40 bilder inför en sajtuppdatering. Manuellt kan du lägga cirka 5 minuter per bild på att öppna länken, konvertera den, ladda ner den, ladda upp till Drive och sedan uppdatera ditt ark. Det är ungefär 3 timmar repetitivt arbete. Med det här arbetsflödet klistrar du in URL:er i arket en gång och kör det: en minut för att starta, sedan sker konvertering och uppladdningar i bakgrunden. Du kontrollerar mest resultat, i stället för att göra grovjobbet.
Krav
- n8n-instans (prova n8n Cloud gratis)
- Självhostat alternativ om du föredrar det (Hostinger fungerar bra)
- Google Sheets för att lagra FROM/TO/DONE-rader
- Google Drive för att lagra konverterade WebP-filer
- APYHub API-nyckel (hämta den i din APYHub-dashboard)
Kunskapsnivå: Nybörjare. Du kopplar konton, klistrar in ID:n och kör en testkonvertering.
Behöver du hjälp att implementera detta? Prata med en automationsexpert (gratis 15-minuters konsultation).
Flödet i arbetsflödet
En manuell körning startar allt. Du klickar på ”Test workflow” i n8n, vilket är perfekt för kontrollerade batchar (som ”konvertera allt som inte är markerat DONE”).
Arbetsflödet hämtar din bildlista från Google Sheets. Det läser varje rad, så att teamet kan hantera kön på en plats ni redan kan, i stället för inne i ett automationsverktyg.
Det identifierar filtyp och konverterar via APYHub. En liten logikbit plockar ut suffixet (jpg, jpeg, png) och skickar vidare till rätt HTTP-anrop. Varje konvertering returnerar en WebP-URL, som arbetsflödet skriver tillbaka i arket och markerar som klar.
WebP-filen laddas ner och sparas i Google Drive. Det sista uppladdningssteget är det som gör detta användbart operativt, eftersom de konverterade bilderna hamnar i er arbetsmapp, inte fast bakom en API-länk.
Du kan enkelt ändra Google Drive-mappen så att den matchar varje kund eller projekt utifrån dina behov. Se hela implementationsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementering
Steg 1: konfigurera den manuella triggern
Det här arbetsflödet startar manuellt och lämnar sedan över till API-tokenkonfigurationen innan det läser Google Sheet.
- Lägg till och öppna Manual Launch Trigger.
- Lämna alla inställningar som standard – den här noden har inga obligatoriska fält.
Steg 2: anslut Google Sheets
Dessa noder läser bild-URL:er och uppdaterar rader efter konvertering.
- Öppna Retrieve Image Rows och ställ in Document till
[YOUR_ID]och Sheet tillFoglio1. - Behåll Filters med Lookup Column satt till
DONEoch Return First Match aktiverat. - Inloggningsuppgift krävs: Anslut era googleSheetsOAuth2Api-inloggningsuppgifter i Retrieve Image Rows.
- Öppna Modify Sheet Row och bekräfta att Operation är
update. - Ställ in kolumnmappning till TO
={{ $json.data }}, DONExoch row_number={{ $('Retrieve Image Rows').item.json.row_number }}. - Inloggningsuppgift krävs: Anslut era googleSheetsOAuth2Api-inloggningsuppgifter i Modify Sheet Row.
Steg 3: konfigurera bearbetning och routning
Dessa noder tilldelar API-nyckeln, extraherar filändelser och routar varje objekt till rätt konverteringsendpoint.
- I Assign API Token ställer ni in apikey till
[CONFIGURE_YOUR_API_KEY]. - Öppna Extract File Suffix och behåll JavaScript-koden som den är för att fylla FILENAME och EXTENSION.
- I Route by Format verifierar ni att reglerna använder
={{ $json.EXTENSION }}med utgångar förjpg,jpegochpng. - I Convert JPEG to WEBP ställer ni in URL till
=https://api.apyhub.com/convert/image/jpeg/webp/url?output=test-sampleoch JSON Body till={ "url":"{{ $json.FROM }}" }. - Ställ in Header Parameters i Convert JPEG to WEBP med Content-Type
application/jsonoch api-token={{ $('Assign API Token').item.json.apikey }}. - I Convert PNG to WEBP ställer ni in URL till
=https://api.apyhub.com/convert/image/png/webp/url?output=test-sampleoch JSON Body till={ "url":"{{ $json.FROM }}" }.
Exekveringsflöde: Manual Launch Trigger → Assign API Token → Retrieve Image Rows → Extract File Suffix → Route by Format → Convert JPEG to WEBP eller Convert PNG to WEBP.
apy-token. Om ert API förväntar api-token, uppdatera headern så att den matchar rätt nyckelnamn.Steg 4: konfigurera utdata och lagring
Efter konvertering uppdaterar arbetsflödet arket, hämtar den nya filen och lagrar den i Google Drive.
- Bekräfta att Modify Sheet Row är ansluten efter båda konverteringsnoderna.
- I Fetch Converted File ställer ni in URL till
={{ $json.TO }}och säkerställer att svarsformatet är fil. - Öppna Store Image to Drive och ställ in Name till
={{ $('Extract File Suffix').item.json.FILENAME }}.webp. - Ställ in Folder till
[YOUR_ID]och Drive tillMy Drivei Store Image to Drive. - Inloggningsuppgift krävs: Anslut era googleDriveOAuth2Api-inloggningsuppgifter i Store Image to Drive.
Exekveringsflöde: Convert JPEG to WEBP eller Convert PNG to WEBP → Modify Sheet Row → Fetch Converted File → Store Image to Drive.
Steg 5: testa och aktivera ert arbetsflöde
Kör ett manuellt test för att verifiera konvertering, uppdateringar i arket och fillagring innan ni aktiverar användning i produktion.
- Klicka på Execute Workflow och trigga Manual Launch Trigger.
- Verifiera att Retrieve Image Rows hämtar en rad med en giltig FROM-URL och tom DONE.
- Bekräfta att rätt gren körs i Route by Format baserat på
={{ $json.EXTENSION }}. - Kontrollera att Modify Sheet Row uppdaterar TO och sätter DONE till
x. - Säkerställ att Store Image to Drive skapar en
.webp-fil som namnges utifrån={{ $('Extract File Suffix').item.json.FILENAME }}. - När allt är verifierat växlar ni arbetsflödet till Active för produktionsanvändning.
Saker att se upp med
- Google Sheets-inloggningar kan gå ut eller behöva specifika behörigheter. Om något skapar fel, börja med att kontrollera det anslutna Google-kontot i n8n Credentials.
- Om du kör stora batchar kan APYHub-konverteringen och filnedladdningen ta längre tid än väntat. Om noder längre fram fallerar på tomma svar, kör om en mindre batch eller lägg till en längre väntetid innan nedladdningssteget.
- Uppladdningar till Google Drive kan skapa stök om filnamn inte är konsekventa. Bestäm en namngivningsstandard tidigt (till exempel behåll originalets basnamn, byt filändelse), annars får du rensa mappar senare.
Vanliga frågor
Oftast på cirka 30 minuter om dina Google-konton är redo.
Ja. Ingen kodning krävs, men du behöver klistra in ditt Sheet-ID, arknamn och Drive-mapp-ID.
Ja. n8n har ett gratis självhostat alternativ och en gratis provperiod på n8n Cloud. Cloud-planer startar på 20 USD/månad för högre volymer. Du behöver också räkna med APYHub API-kostnader, som beror på din konverteringsvolym.
Två alternativ: n8n Cloud (hanterat, enklast att komma igång) eller självhostning på en VPS. För självhostning är Hostinger VPS prisvärd och hanterar n8n bra. Självhostning ger dig obegränsade körningar men kräver grundläggande serverhantering.
Det går bra. De flesta anpassningar är enkla byten: ändra Google Sheets-steget ”Retrieve Image Rows” så att det pekar på ett annat ark, justera logiken ”Extract File Suffix” om dina URL:er innehåller frågesträngar och uppdatera målmappen i ”Store Image to Drive”. Vissa team justerar också ”Modify Sheet Row” för att skriva extra kolumner som en tidsstämpel, ett filnamn eller en ”behöver granskas”-flagga. Om du vill att arbetsflödet ska köras automatiskt kan du ersätta den manuella triggern med en webhook eller en schemalagd trigger och behålla resten av logiken.
Oftast beror det på att Googles auktorisering har gått ut, eller att fel Google-konto är anslutet i n8n. Anslut Google Sheets-uppgifterna igen och bekräfta sedan att kalkylarket är delat med det kontot och att du använder korrekt dokument-ID och arknamn. Om det bara misslyckas på vissa rader kan FROM-URL:erna vara felaktiga (extra mellanslag, saknat protokoll eller udda tecken).
Den hanterar utan problem dussintals till hundratals bilder per körning, och den verkliga gränsen är din n8n-körningskvot plus APYHub:s hastighetsbegränsningar.
Ofta, ja, eftersom den här typen av flöde behöver förgrening (JPG vs. PNG), nedladdning/uppladdning av filer och noggranna uppdateringar i arket. n8n passar bättre för den typen av ”pipeline”-automatisering, och du kan självhosta för obegränsade körningar om volymen är hög. Zapier och Make kan fortfarande göra det, men du kan få fler steg, mer skörhet och högre kostnader när du skalar bortom en liten batch. Den andra stora skillnaden är kontroll: i n8n kan du justera logiken för URL-tolkning och mapp-/filnamngivning utan att kämpa med plattformen. Prata med en automationsexpert om du vill ha hjälp att välja.
När detta väl är på plats slutar WebP-konvertering vara ett återkommande projekt och blir en enkel, repeterbar körning. Ditt ark hålls strukturerat, din Drive hålls organiserad och ditt arbete med sajtprestanda kommer äntligen framåt.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.