One advantage of Ana’s technique is that it doesn’t require duplicated images in the markup. A disadvantage though is that it only works with background images. Chrome only too, as it relies on @property.
DALL·E is a 12-billion parameter version of GPT-3 trained to generate images from text descriptions, using a dataset of text–image pairs. We’ve found that it has a diverse set of capabilities, including creating anthropomorphized versions of animals and objects, combining unrelated concepts in plausible ways, rendering text, and applying transformations to existing images.
If you give DALL·E the task to generate images with “an armchair in the shape of an avocado”, you get this:
React Native’s Image component handles image caching like browsers for the most part. If the server is returning proper cache control headers for images you’ll generally get the sort of built in caching behavior you’d have in a browser. Even so many people have noticed:
Low performance loading from cache.
Low performance in general.
FastImage is an Image replacement that solves these issues. FastImage is a wrapper around SDWebImage (iOS) and Glide (Android).
Don’t forget to react-native link after installation, as some native counterparts are used:
yarn add react-native-fast-image
FastImage is basically a drop-in replacement for Image, but with some extras (such as prioritisation):
Five days after the previous updatePS_BRAMUS.GoogleMapsTileCutter — a Photoshop Script which automatically chops up a large image into tiles for use with Google Maps — has been updated again.
With this new version one can now choose to place all tiles into one and the same folder (as it was before), or use subfolders instead. Handy if you’re exporting 21845 tiles (=all tiles needed for zoom levels 1 through 7) to prevent your system from hogging when accessing the export folder
After exporting the tiles themselves, PS_BRAMUS.GoogleMapsTileCutter now also creates an empty.jpg file for use with the Google Maps implementation. Above that you don’t have to make the implementation yourself anymore as PS_BRAMUS.GoogleMapsTileCutter now also generates an index.html for use with your fresh tiles.
It’s been 1.5 years already since I created PS_BRAMUS.GoogleMapsTileCutter, a Photoshop Script which automatically chops up a large image into tiles for use with Google Maps. Today a huge update was released.
Sparked by an initial pull request by Nick Springer, PS_BRAMUS.GoogleMapsTileCutter now sports a UI dialog in which you can set the options before starting the cutting process. In the previous version one had to change these in the source of the script itself.
One of the new features that was added is the option to prevent empty tiles from being saved. Can come in handy to save bandwidth. Above that the processing was hugely improved for files with lots of layers: right before the tilecutter kicks in the whole image is flattened for much faster processing.
Finally a little feedback dialog was added to give feedback during the processing the image.
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Works so well (shaves more than 50% off the files I’ve tested over time) that I’ve included it in my screenshotting flow for screenshots here on bram.us:
Take the screenshot (Retina MBP, thus that’s one BIG screenshot)
Resize the screenshot in Photoshop to 1120px width (coincidentally twice the width of the content column of this site)