with Transloadit and TinyPNG?
Emit new event when a Transloadit assembly finishes processing. See the documentation
Emit new event when a failed occurs during assembly processing. See the documentation
Cancel a running assembly by its assembly ID. Useful for aborting processing jobs that are no longer needed. See the documentation
Compress a WebP, JPEG, or PNG image using the TinyPNG API. See the documentation
Create a new assembly to process files using a specified template and steps. See the documentation
Convert your images to your desired image type using TinyPNG. See the documentation
Retrieve the current status and results of an existing assembly. See the documentation
import Transloadit from 'transloadit';
export default defineComponent({
props: {
transloadit: {
type: "app",
app: "transloadit",
}
},
async run({ steps, $ }) {
const transloadit = new Transloadit({
authKey: this.transloadit.$auth.auth_key,
authSecret: this.transloadit.$auth.auth_secret
})
const options = {
params: {
steps: {
"encoded": {
"use": ":original",
"robot": "/video/encode",
"preset": "iphone-high"
},
"thumbed": {
"use": "encoded",
"robot": "/video/thumbs",
"count": 8
}
}
},
waitForCompletion: true,
}
return await transloadit.createAssembly(options);
},
})
The TinyPNG API lets you compress and optimize image files efficiently. With this API, you can shrink the size of PNG and JPEG files without a noticeable loss in quality, making it a crucial tool for improving website load times and saving bandwidth. On Pipedream, you can automate image optimization workflows, harnessing the power of TinyPNG to process batches of images, integrate with CMS platforms, trigger optimizations from various events, and more.
module.exports = defineComponent({
props: {
tinypng: {
type: "app",
app: "tinypng",
}
},
async run({steps, $}) {
const results = await require("@pipedream/platform").axios($, {
method: "post",
url: `https://api.tinify.com/shrink`,
auth: {
username: `api:${this.tinypng.$auth.api_key}`,
password: ``,
},
data: {
"source": {
"url": "https://tinypng.com/images/panda-happy.png"
}
},
})
const retVal = results.output
retVal.original_image_metadata = results.input
return retVal
},
})