Some More Interior Stuff
We love our office very much—truly a very creative place to work. But it looks like it’s not only we who appreciate the Pixelmator Team office. Latest to enjoy the office is our good friend Fabio Sasso at the Abduzeedo.
Interview, iOffice, and More
I just love giving interviews—especially when they ask interesting questions. I recently had an honest interview by the Mac.AppStorm crew. I talked about the Pixelmator Team, the things we do, what we use, and stuff like that. I also revealed the code name of the next major update of Pixelmator, and Mac.AppStorm took a sneak peek at our iOffice.
The article with the interview is available at Mac.AppStorm. Enjoy!
In a geek world, little things matter. For us—we are Mac geeks, right?!—things matter especially if they come from (or at least are somehow related to) Apple.
Little things that were delivered to the Pixelmator Team Factory this week:
Love all that cheerful stuff.
The Mac App Store
You’ve surely heard of that new Mac App Store coming very soon to Macs near you. It’s a new way for us (developers) to distribute and for you (users) to discover, install, and update all those great Mac OS X apps we create.
All the crew at the Pixelmator Team is very excited about the new Mac App Store, as users and, especially, as developers. I believe (and it’s not just me) that the Mac App Store is going to be an absolute hit.
Specifically for us, the good thing is that once we are in the Store, we will finally be able to focus completely on Pixelmator improvements, quality, and new features instead of worrying about how to reach our customers (we need as many customers as possible to continue or even boost our innovation march), build the best website, or manage a Web store. We would be very happy to be able to simply focus on creating the best image editor for the Mac.
Other benefits of being in the Mac App Store include the fact that we won’t need to spend time and energy developing our own update systems (though I really do like our software update), Web store shelves, licensing systems, anti-piracy measures, and other things like that. We are good at creating the best Mac apps – and should do only that.
So, I just wanted to clearly state that the Pixelmator Team is very excited about and will totally support the new Mac App Store. Pixelmator will definitely be there.
Pixelmator in Steve Jobs Keynote
I am sure you watched Steve Jobs’s “Back to the Mac” keynote yesterday. It was very nice, wasn’t it? Each of them—iLife ’11, FaceTime, the Mac App Store, Mac OS X Lion (where is the version number, anyone?), and MacBook Air—are all just so awesome.
However, there was one tiny detail that directly relates to us. I am not sure if you noticed, but Pixelmator was one of the few apps that made it into the Steve Jobs keynote! Yay!
Actually it was visible multiple times in the keynote: a few times in the Mac OS X Lion screenshots when Steve spoke about the Launchpad as well as in the Craig Federighi (the guy who presented the demo of the Mac OS X Lion features) slides.
Having the Pixelmator icon in Steve Jobs’s keynote is something we dreamed of for years (see how fragile we are?). And once it finally made it there, it feels so great … so inspiring; it’s definitely a huge bonus reward for our hard work.
Also, kudos to the developers of Coda, Delicious Library, Tweetie, OmniGraffle and OmniOutliner, NetNewsWire, and, of course, Courier for also making it into the keynote. Everyone aforementioned is so worth it.
Save for Web Goodness in Pixelmator
Nearly everyone is aware of the fact that Pixelmator has a built-in Save for Web feature. But few know that Pixelmator’s Save for Web tools are actually the best in their class.
Almost every website contains some sort of image, and there is a good chance that the image has been touched-up by image editing software. The reason why we prepare (or optimize) images for the web is so our browsers can open websites as fast as possible.
Save for Web is a process of preparing images for use in websites. Usually, Save for Web workflows look like this:
1. Slice images (if required);
2. Optimize images;
3. And then save (optimized) images.
For this post, I’ve decided to remind you about Pixelmator’s Save for Web tools, since those truly deserve your notice.
The easiest-to-use Save for Web. Ever.
The whole Pixelmator Save for Web experience consists of a single consistent palette which you use to optimize your images. Once you decide to prepare an image for the Web, even without knowing how to use Pixelmator, simply choose File > Export for Web.
And—surprise—the Export for Web palette that pops up is the only thing you will ever need to completely prepare any of your images for Web sites!
The palette has everything—a preview mode option, optimized image file size options, a file format pop-up menu where you choose between standard web file formats (JPEG, PNG, PNG Indexed, and GIF, or even the new WebP, if you wish), and optimization settings for the currently selected file format.
As you can see, anyone can easily take advantage of the pro-grade image optimization tools in Pixelmator. That’s the whole of Save for Web. Simple, isn’t it?
Yep. But there is more goodness…
Fast and Powerful (and Slice Tool)
Pixelmator’s Save for Web feature is extremely fast. When you experiment with different optimization settings (using the Export for Web palette, as mentioned above) Pixelmator instantly shows you the preview of the image or image slice you are optimizing.
Yup—image slicing is right there as one of the choices. Just use the Slice tool in Pixelmator to divide an image into smaller images and to optimize each part of an image with its own optimization settings. Slicing is particularly useful for web page layouts that feature different elements such as buttons, logos, layouts with different backgrounds, and other objects.
Pixelmator’s powerful Slice tool allows you to easily do just that. It works hand in hand with the Export for Web palette and shows an optimization preview for each slice in real-time.
But again, there is more.
In addition to a beautiful Slice tool and extremely easy-to-use Export for Web palette, Pixelmator’s Save for Web works just the way you would like it to work. It has all that OS X goodness built-in. For example, once your image or slice is optimized, you don’t have to go through an entire Save As process. Instead, you can simply drag and drop the thumbnail of an image or image slice with some optimization settings onto your desktop to instantly save the optimized image. Now, that’s handy! You won’t find any other apps that can do that.
But again, there is much more.
Save for Web Accessories
There are many more features built into Pixelmator that are useful for you as a web developer. (Yep, you’re already a web developer if you use Pixelmator.)
Trim and Reveal All
I know many web designers use these. Even I find that I use these two features a lot. Trim allows cropping of an image by trimming the surrounding transparency or background pixels in a specified color. Reveal All does exactly the opposite of the Trim feature: it reveals images that are hidden somewhere under the canvas area. Try them—these two are real time savers.
Web Colors is a plug-in for the Apple Colors palette that allows you to select and copy hexadecimal colors quickly to the HTML or CSS apps.
If you use Pixelmator, Web Colors will automatically be there for you—no need to do any additional installation.
You know what Image Size does, right? You use it a lot to change image dimensions (Image > Image Size). The good thing for web devs is the Fit Into feature, which allows you to quickly fit the image into desired dimensions by choosing the size from a presets pop-up.
And Pixelmator has almost everything else you might ever need, not only to create, edit and enhance your images, but also to quickly and easily prepare your images for the web.
For more specific information about using Save for Web or other tools in Pixelmator, please see the Pixelmator User Manual or in-app Help.
Have fun creating your next great web site!
Pixelmator on Canvas
One day a UPS delivery agent arrived at our office with a huge package that nobody at the office had ordered. The package included a tiny leaflet and a gorgeous Pixelmator 1.0 screenshot printed on canvas. It appeared to be a gift from the Netherlands-based company HelloCanvas.
We liked the picture so much that we decided to order a full collection of Pixelmator screenshots (Firestarter, Kitten, Draftsman, Tempo, Sprinkle, Spider, and Nucleus) for our office. It became a tradition to order the screenshot on canvas with each major Pixelmator update.
These screenshots look wonderful. I hope you can get an idea just how nice the prints are from these photos:
I am definitely ordering some for my house, and if you want one, you can download our high-resolution Pixelmator screenshots from our website and then have them printed on canvas at HelloCanvas. I assure you that the quality is excellent.
Pixelmator 1.6.2 Adds WebP Support
We simply can’t stop! Ten short days have passed since Pixelmator 1.6.1 was released, and what do you know? Today we are hitting your Macs with another great update of Pixelmator. Even more, this one might be huge.
You have probably already heard of that image format Google is working on called WebP (pronounced “weppy”, /(w?p??)/ ). This format achieves over 40% more compression than JPEG and JPEG 2000, without loss of image quality. This means that your images look good while being much smaller in size. It also means a faster experience on your site, smaller hosting costs, and a better Web—and, of course, happier people.
I am very excited to announce that Pixelmator 1.6.2 is the world’s first app to bring WebP support (of any kind). What’s more, it’s not just some microscopic experimental support; it’s complete, full, total, absolute WebP support!
So you can use Pixelmator 1.6.2 to easily open and edit WebP images as well as save or export images or image slices to the WebP format to create smaller, better looking images. You can even use Pixelmator’s Export for Web feature to adjust the degree of compression and see the adjustment preview instantly (the glorious Pixelmator’s Save for Web, ha!).
To enable WebP in Pixelmator’s Export for Web feature, simply type this into your Terminal app:
defaults write com.pixelmatorteam.pixelmator enableWebP YES
Please note: you don’t have to enable WebP for the Export sheet (File > Export > Other > WebP). It’s on there by default.
In addition to WebP support, Pixelmator 1.6.2 also includes some bug fixes. You can Download the update immediately and enjoy being one the first ones to play with, test, or even use the new WebP format.
Feature on a Drawing Board
This is what Pixelmator’s Send to Flickr feature looks like on a drawing board. And imagine, this was a relatively simple feature to develop:
The feature has already been out for two months. You can try it in Pixelmator by choosing File > Send To > Flickr. Such features as Send to Facebook or Picasa are also available – these look even more complicated. In fact, certain features in Pixelmator (such as Save-for-Web) cannot even be drawn on a drawing board.
[I realize that I already posted this picture on my Twitter account months ago (during the time in which we were working on Pixelmator 1.6 Nucleus), but I thought it might be of interest for readers of the blog as well.]
A Quick Bug Fix
Thanks to our kind forum members and Twitter followers, we just discovered that one annoying bug slipped into 1.6.1— undo stops working when you use your keyboard to move a layer around. Damn it, you say (I also said so)!
But not to worry—we already fixed it (in 15 minutes!), and you can get the update by simply re-downloading Pixelmator 1.6.1.
The bug fix is not a new release, but rather a new build. A build number is usually available in the app’s About Box: Pixelmator > About Pixelmator > Version 1.6.1 Nucleus (5447). Nucleus is a code name we made up for fun and the number in brackets is a build number. So the new build number is 5452. We didn’t do a full release version—let’s leave that nice 1.6.2 number for some cool stuff other than a tiny single bug fix.
Thanks again for your bug reports! And don’t stop there—continue to identify those pesky issues and we promise to fix them as soon as possible.